diff --git a/apps/cf_http/lib/cf_http_web/templates/layout/app.html.eex b/apps/cf_http/lib/cf_http_web/templates/layout/app.html.eex
index fa586e55a..5a5c91f47 100644
--- a/apps/cf_http/lib/cf_http_web/templates/layout/app.html.eex
+++ b/apps/cf_http/lib/cf_http_web/templates/layout/app.html.eex
@@ -10,23 +10,15 @@
     <%= csrf_meta_tag() %>
   </head>
   <body>
-    <header>
-      <section>
-        <nav role="navigation">
-          <ul>
-            <li><a href="<%= Routes.device_path(@conn, :index) %>">Devices</a></li>
-          </ul>
-        </nav>
-        <a href="<%= CfHttpWeb.Endpoint.url() %>">
-          FireGuard
-        </a>
-      </section>
+    <header class="w-100 fixed bg-black-90 ph3 pv3 ph4-m ph5-l">
+      <nav class="f6 fw6 ttu tracked fl">
+        <a class="link dim white dib mr3" href="<%= CfHttpWeb.Endpoint.url() %>">FireGuard</a>
+      </nav>
+      <nav class="f6 fw6 ttu tracked fr">
+        <a class="link dim white dib mr3" href="<%= Routes.device_path(@conn, :index) %>">Devices</a>
+      </nav>
     </header>
-    <main role="main">
-      <p role="alert"><%= get_flash(@conn, :info) %></p>
-      <p role="alert"><%= get_flash(@conn, :error) %></p>
-      <%= @inner_content %>
-    </main>
+    <hr>
     <script type="text/javascript" src="<%= Routes.static_path(@conn, "/js/app.js") %>"></script>
   </body>
 </html>
