diff --git a/public/scss/admin/general/navigation.scss b/public/scss/admin/general/navigation.scss
index 561471576a..7233458abe 100644
--- a/public/scss/admin/general/navigation.scss
+++ b/public/scss/admin/general/navigation.scss
@@ -14,7 +14,7 @@
 		overflow: auto;
 
 		.active {
-			background-color: $gray-700;
+			background-color: var(--bs-secondary-bg);
 		}
 
 		li a {
@@ -24,9 +24,9 @@
 		li {
 			display: inline-block;
 			>a:hover, >a:focus {
-                color: $gray-300;
-                background-color: $gray-700;
-            }
+				color: var(--bs-secondary-color);
+				background-color: var(--bs-secondary-bg);
+			}
 		}
 	}