diff --git a/src/App.vue b/src/App.vue
index ec3ebc82..90b5f638 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,21 +1,21 @@
 <template>
-<nav class="uk-navbar-container uk-container-expand uk-light" style="background:#0b0e0f" uk-navbar>
-    <div class="uk-navbar-left">
-        <router-link class="uk-navbar-item uk-logo uk-text-bold" to="/">Piped</router-link>
-    </div>
-    <div class="uk-navbar-right">
-        <ul class="uk-navbar-nav">
-            <li>
-                <router-link to="/login">Login</router-link>
-            </li>
-            <li>
-                <router-link to="/feed">Feed</router-link>
-            </li>
-        </ul>
-    </div>
-</nav>
+<div class="uk-container uk-container-expand uk-light uk-height-viewport" style="background:#0b0e0f">
+    <nav class="uk-navbar-container uk-container-expand uk-light" style="background:#0b0e0f" uk-navbar>
+        <div class="uk-navbar-left">
+            <router-link class="uk-navbar-item uk-logo uk-text-bold" to="/">Piped</router-link>
+        </div>
+        <div class="uk-navbar-right">
+            <ul class="uk-navbar-nav">
+                <li>
+                    <router-link to="/login">Login</router-link>
+                </li>
+                <li>
+                    <router-link to="/feed">Feed</router-link>
+                </li>
+            </ul>
+        </div>
+    </nav>
 
-<div class="uk-container uk-container-expand uk-light" style="background:#0b0e0f">
     <router-view />
 </div>
 </template>