diff --git a/src/components/DictionaryView.vue b/src/components/DictionaryView.vue
index 507dce414e3492a2969fceea8f8538845ad102e9..5e335ac4b9bbc15f07e4d04502538d146907c773 100644
--- a/src/components/DictionaryView.vue
+++ b/src/components/DictionaryView.vue
@@ -1,7 +1,7 @@
 <template>
-  <main :class="(article || waiting || error || (search_results && search_results.length)) ? '' : 'welcome  '">
+  <main>
     <div class="search_container">
-      <p class="description" v-if="$vuetify.breakpoint.mdAndUp">
+      <p class="description" :class="$vuetify.breakpoint.name" v-if="$vuetify.breakpoint.mdAndUp && ! (article || waiting || error || (search_results && search_results.length))">
           Skrivemåte og bøying i tråd med norsk rettskriving
       </p>
       <div class="lang_select_container">
@@ -276,7 +276,7 @@ main {
   background-color: var(--v-tertiary-base);
 }
 
-main.welcome {
+div.welcome {
   background-image: url('../assets/books.jpg');
   background-repeat: no-repeat;
   background-attachment: fixed;
@@ -321,6 +321,9 @@ div.monthly article.nob .dict-label::before {
   content: "månadens ";
 }
 
+p.description.xs, p.description.sm {
+  display: none;
+}
 
 .search_container {
   max-width: 1500px;