diff --git a/public/index.html b/public/index.html
index f7f7188..1d0ee4a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -7,7 +7,7 @@
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title>Rebuilding Bartik with Vue.js and Tailwind CSS</title>
   </head>
-  <body class="font-sans text-black bg-black text-sm leading-normal">
+  <body>
     <noscript>
       <strong>We're sorry but rebuilding-bartik doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
diff --git a/src/App.vue b/src/App.vue
index b0d6a8f..4b25193 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="app">
+  <div id="app" class="font-sans text-black bg-black text-sm leading-normal">
     <skip-link></skip-link>
 
     <welcome title="Rebuilding Bartik"></welcome>
diff --git a/src/components/Welcome.vue b/src/components/Welcome.vue
index 9fe0bf8..4527a75 100644
--- a/src/components/Welcome.vue
+++ b/src/components/Welcome.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="min-h-screen">
     <div class="bg-blue-300">
       <div class="py-4 text-white">
         <div id="header" class="xl:max-w-6xl mx-auto px-4 relative">
