diff --git a/server/static/dev.html b/server/static/dev.html
index dc5538d44..06ec90cbb 100644
--- a/server/static/dev.html
+++ b/server/static/dev.html
@@ -3,9 +3,30 @@
   <head>
     <title>Beautiful Atlas</title>
     <link href="/static/styles.css" rel="stylesheet"></head>
+    <style>
+      #root {
+        flex: 1;
+      }
+
+      .container {
+        display: flex;
+        flex;
+      }
+
+      .header {
+        display: flex;
+        flex: 1;
+        height: 42px;
+        border-bottom: 1px solid #eee;
+      }
+    </style>
   </head>
   <body style='display: flex; width: 100%'>
-    <div id="root" style='display: flex; width: 100%'></div>
+    <div id="root">
+      <div class="container">
+        <div class="header"></div>
+      </div>
+    </div>
     <script src="/static/bundle.js"></script>
   </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/server/static/index.html b/server/static/index.html
index 25ae71cc1..ef459be6b 100644
--- a/server/static/index.html
+++ b/server/static/index.html
@@ -2,9 +2,30 @@
 <html>
   <head>
     <title>Beautiful Atlas</title>
+    <style>
+      #root {
+        flex: 1;
+      }
+
+      .container {
+        display: flex;
+        flex;
+      }
+
+      .header {
+        display: flex;
+        flex: 1;
+        height: 42px;
+        border-bottom: 1px solid #eee;
+      }
+    </style>
   </head>
   <body style='display: flex; width: 100%'>
-    <div id="root" style='display: flex; width: 100%'></div>
+    <div id="root">
+      <div class="container">
+        <div class="header"></div>
+      </div>
+    </div>
     <script type="text/javascript">
       // if ('serviceWorker' in navigator) {
       //   navigator.serviceWorker.register('/service-worker.js')
@@ -16,4 +37,4 @@
       // };
     </script>
   </body>
-</html>
\ No newline at end of file
+</html>
