diff --git a/apps/home/static/home/css/sidebar.css b/apps/home/static/home/css/sidebar.css
index 3d3db9b..480bd3c 100644
--- a/apps/home/static/home/css/sidebar.css
+++ b/apps/home/static/home/css/sidebar.css
@@ -25,7 +25,7 @@
     flex-shrink: 0;
     width: 300px;
     color: var(--bs-body-color);
-    background-color: var(--bs-tertiary-bg);
+    background-color: var(--bs-secondary-bg-subtle);
     transition: transform 0.3s ease-in-out;
 }
 
@@ -142,7 +142,7 @@
     padding: 0.5rem;
     border: none;
     border-radius: var(--bs-border-radius-sm);
-    background-color: var(--bs-tertiary-bg);
+    background-color: inherit;
 }
 
 .sidebar .sidebar-content .sidebar-item:hover,
@@ -190,7 +190,7 @@
     border: none;
     border-radius: var(--bs-border-radius-sm);
     color: var(--bs-body-color);
-    background-color: var(--bs-tertiary-bg);
+    background-color: inherit;
 }
 
 .sidebar .sidebar-footer .sidebar-menu-btn:hover {
diff --git a/apps/home/templates/home/index.html b/apps/home/templates/home/index.html
index 67b0ee3..e6ae4ca 100644
--- a/apps/home/templates/home/index.html
+++ b/apps/home/templates/home/index.html
@@ -56,7 +56,7 @@
                     </div>
                 </div>
 
-                <div class="col-12 bg-secondary-subtle">
+                <div class="col-12 bg-body-tertiary">
                     <ul id="serverTabs" class="nav nav-pills py-3 text-start px-sm-3" role="tablist">
                         <li class="nav-item me-auto">
                             <div class="d-flex align-items-center">