diff --git a/public/index.html b/public/index.html
index d96adfe..a8c1c7c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="h-full">
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -7,11 +7,11 @@
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title>rebuilding-acquia</title>
   </head>
-  <body class="bg-grey-lighter font-sans">
+  <body class="bg-grey-lighter font-sans min-h-full flex flex-col flex-1">
     <noscript>
       <strong>We're sorry but rebuilding-acquia doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
-    <div id="app"></div>
+    <div id="app" class="flex flex-1 flex-col h-full"></div>
     <!-- built files will be auto injected -->
   </body>
 </html>
diff --git a/src/App.vue b/src/App.vue
index 72ec7ad..0f39646 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
-  <div id="app">
-    <router-view></router-view>
+  <div id="app" class="flex flex-col flex-1">
+    <router-view class="flex flex-col flex-1"></router-view>
   </div>
 </template>
 
diff --git a/src/views/Applications.vue b/src/views/Applications.vue
index be635eb..602b4b8 100644
--- a/src/views/Applications.vue
+++ b/src/views/Applications.vue
@@ -19,7 +19,7 @@
       </div>
     </div>
 
-    <div class="flex flex-row-reverse h-full">
+    <div class="flex flex-row-reverse flex-1 h-full">
       <div class="flex-1 p-4 lg:p-12">
         <div class="mb-6">
           <div class="lg:flex lg:items-baseline mb-12">
