diff --git a/app/src/app.css b/app/src/app.css
index 1c023a8..30cc5ff 100644
--- a/app/src/app.css
+++ b/app/src/app.css
@@ -19,11 +19,19 @@ header {
   justify-content: space-evenly;
 }
 
+header h1 {
+  margin: 0;
+}
+
 header h1 > a,
 header h1 > a:hover {
   color: var(--nc-ac-1);
 }
 
+header nav > * {
+  font-size: 1.55rem;
+}
+
 a[href^="/"] {
   text-decoration: none;
 }
diff --git a/app/src/app.tsx b/app/src/app.tsx
index a6ba7d8..fb2cd1c 100644
--- a/app/src/app.tsx
+++ b/app/src/app.tsx
@@ -35,12 +35,12 @@ export default () => {
         <h1>
           <a href="/">Quot</a>
         </h1>
-        <a href="/new">📄</a>
+        <nav>
+          <a href="/new">📄</a>
+        </nav>
       </header>
       {routes[pathname()] ?? (
-        <Page
-          id={parseInt(pathname().slice(1), 16) || random()}
-        />
+        <Page id={parseInt(pathname().slice(1), 16) || random()} />
       )}
     </>
   );