diff --git a/web/navigation-panels/settings-switcher.css b/web/navigation-panels/settings-switcher.css
--- a/web/navigation-panels/settings-switcher.css
+++ b/web/navigation-panels/settings-switcher.css
@@ -1,6 +1,8 @@
 .navigationPanelContainer {
   width: 160px;
-  margin-top: 12px;
+  padding-top: 12px;
+  height: 100%;
+  background-color: var(--panel-background-primary-default);
 }
 
 .navigationPanelTab {
@@ -11,14 +13,14 @@
 }
 
 .navigationPanelTab p {
-  color: var(--color-disabled);
+  color: var(--text-background-tertiary-default);
 }
 
 .navigationPanelTab:hover p,
 div.current_tab p {
-  color: var(--fg);
-  stroke: var(--fg);
-  fill: var(--fg);
+  color: var(--text-background-primary-default);
+  stroke: var(--text-background-primary-default);
+  fill: var(--text-background-primary-default);
 }
 
 .container p {
diff --git a/web/style.css b/web/style.css
--- a/web/style.css
+++ b/web/style.css
@@ -112,7 +112,7 @@
 }
 
 .switcher {
-  border-right: 1px solid var(--border-color);
+  border-right: 1px solid var(--separator-background-primary-default);
 }
 
 div.upper-right {