diff --git a/src/common/NavBar/VerticalNavBar/NavTabButton/styles.less b/src/common/NavBar/VerticalNavBar/NavTabButton/styles.less
index 4393478af..ac69e8380 100644
--- a/src/common/NavBar/VerticalNavBar/NavTabButton/styles.less
+++ b/src/common/NavBar/VerticalNavBar/NavTabButton/styles.less
@@ -5,7 +5,7 @@
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    background-color: @color-background;
+    background-color: @color-background-dark1;
 
     &:hover {
         background-color: @color-background-light2;
diff --git a/src/common/NavBar/VerticalNavBar/styles.less b/src/common/NavBar/VerticalNavBar/styles.less
index 77d7a94da..b926fcf19 100644
--- a/src/common/NavBar/VerticalNavBar/styles.less
+++ b/src/common/NavBar/VerticalNavBar/styles.less
@@ -3,7 +3,7 @@
 .vertical-nav-bar-container {
     width: var(--vertical-nav-bar-size);
     padding: 1rem 0;
-    background-color: @color-background;
+    background-color: @color-background-dark1;
     overflow-y: auto;
     scrollbar-width: none;