diff --git a/public/scss/admin/modules/alerts.scss b/public/scss/admin/modules/alerts.scss
index a42b684a5f..54438c27bf 100644
--- a/public/scss/admin/modules/alerts.scss
+++ b/public/scss/admin/modules/alerts.scss
@@ -7,10 +7,6 @@
 	bottom: 0px;
 
 	.alert {
-		.close {
-			color: inherit;
-		}
-
 		&::before {
 			position: relative;
 			top: -15px;
@@ -22,47 +18,19 @@
 		}
 
 		&.alert-info {
-			.btn-close {
-				$btn-close-color: $info;
-				background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>"));
-			}
-
-			&::before {
-				background-color: $info;
-			}
+			color: $info;
 		}
 
 		&.alert-warning {
-			.btn-close {
-				$btn-close-color: $warning;
-				background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>"));
-			}
-
-			::before {
-				background-color: $warning;
-			}
+			color: $warning;
 		}
 
 		&.alert-success {
-			.btn-close {
-				$btn-close-color: $success;
-				background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>"));
-			}
-
-			::before {
-				background-color: $success;
-			}
+			color: $success;
 		}
 
 		&.alert-danger {
-			.btn-close {
-				$btn-close-color: $danger;
-				background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>"));
-			}
-
-			::before {
-				background-color: $danger;
-			}
+			color: $danger;
 		}
 
 		&.animate {
@@ -87,8 +55,7 @@
 			}
 		}
 
-		background-color: white;
-		padding-right: 16px;
+		background-color: var(--bs-body-bg);
 		border: 0;
 		border-left: 5px solid !important;
 		box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25), 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
@@ -100,25 +67,5 @@
 		p {
 			padding: 10px 0px 0px;
 		}
-
-		&.alert-info {
-			color: $info;
-			border-color: $info;
-		}
-
-		&.alert-warning {
-			color: $warning;
-			border-color: $warning;
-		}
-
-		&.alert-success {
-			color: $success;
-			border-color: $success;
-		}
-
-		&.alert-danger {
-			color: $danger;
-			border-color: $danger;
-		}
 	}
 }