diff --git a/public/index.html b/public/index.html
index 3e5a139..d6a7e99 100644
--- a/public/index.html
+++ b/public/index.html
@@ -11,7 +11,7 @@
     <noscript>
       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
-    <div id="app"></div>
+    <div id="app" class="d-flex flex-column min-vh-100"></div>
     <!-- built files will be auto injected -->
   </body>
 </html>
diff --git a/src/App.vue b/src/App.vue
index 3f4925a..4af314d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,7 +6,7 @@
     <div class="spacer"></div>
     <router-view/>
   </main>
-  <footer>
+  <footer class="mt-auto">
     <Footer />
   </footer>
 </template>
diff --git a/src/components/Nav.vue b/src/components/Nav.vue
index 6da69f6..cef0653 100644
--- a/src/components/Nav.vue
+++ b/src/components/Nav.vue
@@ -130,11 +130,6 @@ nav {
     input[type="search"] {
       min-width: 100%;
       max-width: 100%;
-      //
-      //&:focus {
-      //  min-width: 100%;
-      //  max-width: 100%;
-      //}
     }
   }
 }