diff --git a/src/App.vue b/src/App.vue
index 73e232bf3f9ac927224832b6fdc914ba1ebacb86..cb090ab737da5cf34208b761c7bd4a9e43e41cb7 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,6 +3,7 @@
     <header>
       <TopBar/>
     </header>
+    <v-main>
     <div class = "banner">
       <h1><a aria-label="Ordbøkene bokmålsordboka og nynorskordboka sitt nettsted" :class="$vuetify.breakpoint.name"  href="/" tabindex="1">Ordbøkene</a></h1>
       
@@ -20,6 +21,7 @@
       </div>
       <div>Bokmålsordboka og Nynorskordboka viser skrivemåte og bøying i tråd med norsk rettskriving. Språkrådet og Universitetet i Bergen står bak ordbøkene. Gi oss gjerne tilbakemelding på <a href="mailto:ordbok-beta@uib.no">ordbok-beta@uib.no</a>.</div>
     </footer>
+    </v-main>
   </v-app>
 </template>
 <script>
diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
index dd9bbb019083fb88ac06284eadb9ee7cc48b269e..0c5b5ced98c268db0fa0d073259ce06ba8278e9e 100644
--- a/src/components/TopBar.vue
+++ b/src/components/TopBar.vue
@@ -1,5 +1,5 @@
 <template>
-        <v-toolbar class = "top-bar" dense dark color="primary">
+        <v-app-bar app class = "top-bar" dense dark color="primary">
       <div class="beta" :title="release">{{version_label}}</div>
       <v-spacer/>
       <v-toolbar-items v-if="!$vuetify.breakpoint.mobile">
@@ -40,7 +40,7 @@
       
       </v-toolbar-items>
       <v-divider vertical/>
-    </v-toolbar>
+        </v-app-bar>
 </template>
 
 <script>