2 files changed, 23 insertions, 1 deletions
diff --git a/packages/console/app/src/routes/index.css b/packages/console/app/src/routes/index.css
index 9ded25460..bc9b5a0e5 100644
--- a/packages/console/app/src/routes/index.css
+++ b/packages/console/app/src/routes/index.css
@@ -29,6 +29,10 @@
   --color-icon: hsl(0, 1%, 55%);
 }
 
+body {
+  background: var(--color-background);
+}
+
 [data-page="opencode"] {
   @media (prefers-color-scheme: dark) {
     --color-background: hsl(0, 9%, 7%);
@@ -220,6 +224,12 @@
       }
     }
 
+    [data-component="nav-mobile"] {
+      button > svg {
+        color: var(--color-icon);
+      }
+    }
+
     [data-component="nav-mobile-toggle"] {
       border: none;
       background: none;
diff --git a/packages/console/app/src/routes/zen/index.css b/packages/console/app/src/routes/zen/index.css
index 3856bd14b..8b56f0373 100644
--- a/packages/console/app/src/routes/zen/index.css
+++ b/packages/console/app/src/routes/zen/index.css
@@ -50,6 +50,10 @@
   }
 }
 
+body {
+  background: var(--color-background);
+}
+
 [data-page="zen"] {
   background: var(--color-background);
   --padding: 5rem;
@@ -149,6 +153,14 @@
       }
     }
 
+    [data-component="nav-mobile"] {
+      button > svg {
+        color: var(--color-icon);
+      }
+    }
+
+
+
     [data-component="nav-mobile-toggle"] {
       border: none;
       background: none;
@@ -607,7 +619,7 @@
       flex-direction: column;
       gap: 12px;
 
-      @media (max-width: 60rem) {
+      @media (max-width: 30rem) {
         flex-direction: column-reverse;
         gap: 24px;
         padding: 24px 48px;