diff --git a/src/web/src/components/header.jsx b/src/web/src/components/header.jsx
index 9d14161..b1fc97a 100644
--- a/src/web/src/components/header.jsx
+++ b/src/web/src/components/header.jsx
@@ -15,8 +15,25 @@ let tabs = [
 ];
 
 function Header() {
+  const [mounted, setMounted] = useState(false);
   let [activeTab, setActiveTab] = useState(tabs[0].id);
 
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  if (!mounted) {
+    return (
+      <div className="flex space-x-1">
+        {tabs.map((tab) => (
+          <div key={tab.id} className="invisible">
+            {/* Placeholder for each tab */}
+          </div>
+        ))}
+      </div>
+    );
+  }
+
   return (
     <div className="flex space-x-1">
       {tabs.map((tab) => (