diff --git a/src/components/Header.astro b/src/components/Header.astro
index 8d9b177..789d462 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -31,11 +31,16 @@ const promptText = topic ? `barrett@ruth:~$ ${topic}` : "barrett@ruth:~$";
   }
   @media (max-width: 768px) {
     header {
-      flex-direction: column;
-      align-items: flex-start;
+      flex-direction: row;
+      flex-wrap: wrap;
+      gap: 10px;
+    }
+    .terminal-container {
+      flex: 1 1 auto;
+      min-width: 0;
     }
     #theme-toggle {
-      align-self: flex-end;
+      flex: 0 0 auto;
     }
   }
 </style>