diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 68ac0498..b320157f 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -59,6 +59,10 @@ html, body {
 .container.main-content {
   max-width: 100%;
   width: 100%;
+
+  @media only screen and (max-width: 1280px) {
+    padding: 10px !important;
+  }
 }
 
 .v-input__control:has(input:disabled) {
diff --git a/frontend/src/components/filtering/by-simple-search-query.vue b/frontend/src/components/filtering/by-simple-search-query.vue
index e060c173..6a51b6bf 100644
--- a/frontend/src/components/filtering/by-simple-search-query.vue
+++ b/frontend/src/components/filtering/by-simple-search-query.vue
@@ -9,7 +9,7 @@ v-card(flat).flex-grow-1
       hide-details
       outlined
     ).mt-0.pt-0
-    v-tooltip(bottom transition="fade-transition")
+    v-tooltip(color="tooltip" bottom transition="fade-transition")
       template(v-slot:activator="{ on, hover, attrs }")
         v-btn(text v-bind="attrs" v-on="on" @click="currentQuery = ''" icon :disabled="query === ''")
           v-icon(dense) mdi-close-circle
diff --git a/frontend/src/components/highlights/article.vue b/frontend/src/components/highlights/article.vue
index 483e9fb8..01161603 100644
--- a/frontend/src/components/highlights/article.vue
+++ b/frontend/src/components/highlights/article.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-  v-container(fluid)
+  v-container(fluid).pa-0
     v-row(v-if="article")
       v-col.d-flex.align-center
         HighlightedListItem(:article="article" :expandedReview="expandedReview" :open-preprint-boxes=[0, 1, 2] :open-reviewed-boxes=[0, 1, 2]).ml-auto.mr-auto
@@ -165,3 +165,8 @@ export default {
 }
 </script>
 
+<style lang="scss" scoped>
+  ::v-deep .container {
+    padding: 0 !important;
+  }
+</style>
\ No newline at end of file
diff --git a/frontend/src/components/highlights/index.vue b/frontend/src/components/highlights/index.vue
index a476959f..58e45d31 100644
--- a/frontend/src/components/highlights/index.vue
+++ b/frontend/src/components/highlights/index.vue
@@ -21,24 +21,24 @@ div(style="max-width: 100%;").d-flex.mr-auto.ml-auto
       v-row(v-if="paging.totalItems > 0")
         v-col.d-flex
           v-btn-toggle(v-model="sortBy" mandatory)
-            v-tooltip(bottom transition="fade-transition")
+            v-tooltip(color="tooltip" bottom transition="fade-transition")
               template(v-slot:activator="{ on, hover, attrs }")
                 v-btn(x-small v-bind="attrs" v-on="on" outlined value="preprint-date")
                   | preprint date
               span Sort by preprint date
-            v-tooltip(bottom transition="fade-transition")
+            v-tooltip(color="tooltip" bottom transition="fade-transition")
               template(v-slot:activator="{ on, hover, attrs }")
                 v-btn(x-small outlined value="reviewing-date" v-bind="attrs" v-on="on")
                   | reviewing date
               span Sort by revewing date
 
           v-btn-toggle(v-model="sortedOrder" mandatory).ml-3
-            v-tooltip(right transition="fade-transition")
+            v-tooltip(color="tooltip" right transition="fade-transition")
               template(v-slot:activator="{ on, hover, attrs }")
                 v-btn(x-small v-bind="attrs" v-on="on" icon aria-label="descending" value="desc")
                   v-icon(dense) mdi-sort-descending
               span Show latest first
-            v-tooltip(right transition="fade-transition")
+            v-tooltip(color="tooltip" right transition="fade-transition")
               template(v-slot:activator="{ on, hover, attrs }")
                 v-btn(x-small v-bind="attrs" v-on="on" icon aria-label="ascending" value="asc")
                   v-icon(dense) mdi-sort-ascending
diff --git a/frontend/src/components/highlights/list-item.vue b/frontend/src/components/highlights/list-item.vue
index 6af5f333..f179ca40 100644
--- a/frontend/src/components/highlights/list-item.vue
+++ b/frontend/src/components/highlights/list-item.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-v-card(v-if="article" color="tertiary" style="max-width: 70%;")
+v-card(v-if="article" color="tertiary")
   v-card-title.pb-3
     span.d-flex.flex-row
       router-link(:to="generateInternalUrl").paper-title
@@ -13,11 +13,11 @@ v-card(v-if="article" color="tertiary" style="max-width: 70%;")
             v-list-item-title
               v-btn(@click="copyFullUrlToClipboard" elevation=0 plain depressed v-ripple="false")
                 v-icon(color="primary") mdi-link-variant
-                span.ml-2 Copy link to clipboard
+                span.ml-1 Copy link to clipboard
           v-list-item
             v-list-item-title
               v-btn(@click="copyCitationToClipboard" elevation=0 plain depressed v-ripple="false")
-                v-icon(color="primary") mdi-format-quote-open
+                v-icon(color="primary") mdi-content-copy
                 span.ml-2 Copy citation
           v-list-item
             v-list-item-title
@@ -40,9 +40,8 @@ v-card(v-if="article" color="tertiary" style="max-width: 70%;")
       a(:href="href(article.doi)" target="_blank" rel="noopener" class="ml-2")
         |
         | doi.org/{{ article.doi }}
-        
   v-card-text
-    v-expansion-panels(accordion multiple v-model="openPreprintBoxes").mb-3.mt-1
+    v-expansion-panels(accordion multiple v-model="dataOpenPreprintBoxes").mb-3.mt-1
       v-expansion-panel(mandatory eager)
         v-expansion-panel-header(color="tertiary")
             span
@@ -55,18 +54,18 @@ v-card(v-if="article" color="tertiary" style="max-width: 70%;")
         v-expansion-panel-header(color="tertiary")
           span.d-flex.align-center
             h3 Preprint figure keywords
-            v-tooltip(bottom transition="fade-transition")
+            v-tooltip(color="tooltip" bottom transition="fade-transition")
               template(v-slot:activator="{ on, hover, attrs }")
-                span(v-on:click.stop v-bind="attrs" v-on="on").ml-1
+                v-card(color="transparent" flat v-on:click.stop v-bind="attrs" v-on="on").ml-1
                   v-icon(color="grey-lighten-1") mdi-information-outline
               span <!-- TODO: Explain what these are and what the colors mean -->
                 h3 Keywords deduced from the figures. 
                 p(style="max-width: 250px;") Green text means this, orange text means that...
       
         v-expansion-panel-content(color="tertiary")
-          div.d-flex.flex-row.align-center
+          div.d-flex.align-center
             v-list-item.px-0
-              span.d-flex.flex-row.no-pointer-events
+              span.d-flex.flex-column.no-pointer-events
                 v-chip-group(v-if="article.main_topics.length > 0" :key="0" column)
                   v-chip(v-for="(item, index) in article.main_topics"  outlined :key="`topics-${index}`").purple--text {{ item.slice(0,3).join(", ") }}
                 v-chip-group(v-if="article.highlighted_entities.length > 0" :key="1" column)
@@ -76,7 +75,7 @@ v-card(v-if="article" color="tertiary" style="max-width: 70%;")
                 v-chip-group(v-if="article.assays.length > 0" :key="3" column)
                   v-chip(v-for="(item, index) in article.assays"  outlined :key="`assays-${index}`").green--text {{ item }}
 
-    v-expansion-panels(accordion multiple v-model="openReviewedBoxes")
+    v-expansion-panels(accordion multiple v-model="dataOpenReviewedBoxes")
       v-expansion-panel(readonly)
         v-expansion-panel-header(hide-actions)
           span.d-flex.flex-column
@@ -117,7 +116,6 @@ v-card(v-if="article" color="tertiary" style="max-width: 70%;")
                   :opportunity_for_author_response="reviewingService(selectedSource).opportunity_for_author_response",
                   :recommendation="reviewingService(selectedSource).recommendation",
                 ).px-0.mt-2
-        
         v-expansion-panel-content(eager).pt-0
           span.review-process.d-flex.align-start.justify-start
             render-rev-timeline(:ref='article.doi + "-rev-timeline"')
@@ -127,9 +125,9 @@ v-card(v-if="article" color="tertiary" style="max-width: 70%;")
           span
             span.d-flex.align-center
               h3 Automated summary of preprint reviews
-              v-tooltip(bottom transition="fade-transition")
+              v-tooltip(color="tooltip" bottom transition="fade-transition")
                 template(v-slot:activator="{ on, hover, attrs }")
-                  span(v-on:click.stop v-bind="attrs" v-on="on").ml-1
+                  v-card(flat color="transparent" v-on:click.stop v-bind="attrs" v-on="on").ml-1
                     v-icon(color="grey-lighten-1") mdi-information-outline
                 p(style="max-width: 250px;")
                   | This summary was generated automatically using ChatGPT-4 based on the content of the reviews. 
@@ -142,12 +140,13 @@ v-card(v-if="article" color="tertiary" style="max-width: 70%;")
 
       v-expansion-panel
         v-expansion-panel-header 
-          h3 Cite this reviewed preprint
-            v-tooltip(bottom transition="fade-transition")
+          span.d-flex.align-baseline
+            h3 Cite reviewed preprint
+            v-tooltip(color="tooltip" bottom transition="fade-transition")
                 template(v-slot:activator="{ on, hover, attrs }")
-                  v-btn(@click="copyCitationToClipboard" v-on:click.stop v-bind="attrs" v-on="on" icon elevation=0 plain depressed v-ripple="false")
-                    v-icon(color="primary") mdi-format-quote-open
-                span Copy reviewed preprint citation
+                  v-card(@click="copyCitationToClipboard" v-on:click.stop v-bind="attrs" v-on="on" icon elevation=0 plain depressed v-ripple="false").pl-2
+                    v-icon(color="primary") mdi-content-copy
+                span Click to copy reviewed preprint citation
         v-expansion-panel-content
           span.d-flex.flex-row.align-top
             p(v-html="this.citationText(false)").mb-2.text-body-1
@@ -176,6 +175,9 @@ export default {
   },
   data() {
     return {
+      dataOpenPreprintBoxes: this.openPreprintBoxes,
+      dataOpenReviewedBoxes: this.openReviewedBoxes,
+
       dialog: false,
       selectedSource: null,
 
@@ -319,7 +321,14 @@ export default {
 }
 </script>
 
-<style scoped>
+
+<style lang="scss" scoped>
+  ::v-deep .v-expansion-panel-header__icon {
+    margin-bottom: auto !important;
+    padding-top: 0.5rem;
+    padding-left: 0.5rem;
+  }
+
   .v-card__text, .v-card__title { /* bug fix; see https://github.com/vuetifyjs/vuetify/issues/9130 */
     word-break: normal; /* maybe !important  */
   }
@@ -328,6 +337,7 @@ export default {
     --rr-timeline-summary-bg-color: white;
     --rr-timeline-summary-text-color: black;
     --rr-timeline-width: 100%;
+    overflow-y: scroll;
   }
   .v-chip.v-chip--outlined.v-chip.v-chip {
     background-color: white !important;
diff --git a/frontend/src/components/review-service-info/review-service-summary-graph.vue b/frontend/src/components/review-service-info/review-service-summary-graph.vue
index 12e5f7d1..b75e14d9 100644
--- a/frontend/src/components/review-service-info/review-service-summary-graph.vue
+++ b/frontend/src/components/review-service-info/review-service-summary-graph.vue
@@ -10,14 +10,14 @@ v-card
     v-container.grey.lighten-4.mb-5.rounded-lg
       v-row(v-if="review_requested_by" no-gutters)
         v-row(dense)
-          v-col
+          v-col.d-flex.align-center
             b
               span(v-if="review_requested_by==='Authors'") Author-driven
               span(v-else) Author-independent
-            v-tooltip(right transition="fade-transition")
+            v-tooltip(color="tooltip" right transition="fade-transition")
               template(v-slot:activator="{ on, hover, attrs }")
-                span(v-bind="attrs" v-on="on").ml-2
-                    v-icon(color="grey-lighten-1") mdi-information-outline
+                v-card(color="transparent" flat v-on:click.stop v-bind="attrs" v-on="on").ml-2
+                  v-icon(color="grey-lighten-1") mdi-information-outline
               span
                 i Who submitted the manuscript or initiated the feedback process? 
                 b.ml-1 {{ review_requested_by }}.
@@ -25,58 +25,58 @@ v-card
 
       v-row(v-if="reviewer_selected_by" no-gutters)
         v-row(dense)
-          v-col
+          v-col.d-flex.align-center
             b
               span(v-if="reviewer_selected_by==='Editor, service, or community'") Service-selected reviewers
               span(v-else-if="reviewer_selected_by==='Self-nominated'") Self-nominated reviewers
               span(v-else-if="reviewer_selected_by==='Authors'") Author-selected reviewers
-            v-tooltip(right transition="fade-transition")
+            v-tooltip(color="tooltip" right transition="fade-transition")
               template(v-slot:activator="{ on, hover, attrs }")
-                span(v-bind="attrs" v-on="on").ml-2
-                    v-icon(color="grey-lighten-1") mdi-information-outline
+                v-card(color="transparent" flat v-on:click.stop v-bind="attrs" v-on="on").ml-2
+                  v-icon(color="grey-lighten-1") mdi-information-outline
               span
                 i Who selects the reviewers? 
                 b.ml-1 {{ reviewer_selected_by }} select the reviewers.
 
       v-row(v-if="public_interaction" no-gutters)
         v-row(dense)
-          v-col.d-flex
+          v-col.d-flex.align-center
             b
               span(v-if="public_interaction=='Included'") Public feedback
               span(v-else) No public interactions
-            v-tooltip(right transition="fade-transition")
+            v-tooltip(color="tooltip" right transition="fade-transition")
               template(v-slot:activator="{ on, hover, attrs }")
-                span(v-bind="attrs" v-on="on").ml-2
-                    v-icon(color="grey-lighten-1") mdi-information-outline
+                v-card(color="transparent" flat v-on:click.stop v-bind="attrs" v-on="on").ml-2
+                  v-icon(color="grey-lighten-1") mdi-information-outline
               span
                 i Was there an opportunity for the public to engage as an integral part of the process? 
                 b.ml-1 {{ public_interaction }}.
 
       v-row(v-if="opportunity_for_author_response" no-gutters)
         v-row(dense)
-          v-col
+          v-col.d-flex.align-center
             b
               span(v-if="opportunity_for_author_response=='Included'") Authors reply
               span(v-else)  No author reply
-            v-tooltip(right transition="fade-transition")
+            v-tooltip(color="tooltip" right transition="fade-transition")
               template(v-slot:activator="{ on, hover, attrs }")
-                span(v-bind="attrs" v-on="on").ml-2
-                    v-icon(color="grey-lighten-1") mdi-information-outline
+                v-card(color="transparent" flat v-on:click.stop v-bind="attrs" v-on="on").ml-2
+                  v-icon(color="grey-lighten-1") mdi-information-outline
               span
                 i Was the author’s response included as an integral part of the process?  
                 b.ml-1 {{ opportunity_for_author_response }}.
 
       v-row(v-if="recommendation" no-gutters)
         v-row(dense)
-          v-col
+          v-col.d-flex.align-center
             b
               span(v-if="recommendation=='Binary decision'") Binary decision 
               span(v-else-if="recommendation=='Other scale or rating'") Scaled rating
               span(v-else) No decision
-            v-tooltip(right transition="fade-transition")
+            v-tooltip(color="tooltip" right transition="fade-transition")
               template(v-slot:activator="{ on, hover, attrs }")
-                span(v-bind="attrs" v-on="on").ml-2
-                    v-icon(color="grey-lighten-1") mdi-information-outline
+                v-card(color="transparent" flat v-on:click.stop v-bind="attrs" v-on="on").ml-2
+                  v-icon(color="grey-lighten-1") mdi-information-outline
               span
                 i Does the service provide a decision/recommendation or a scalar rating after the review process?   
                 b.ml-1 Recommendation provided: {{ recommendation }}.
@@ -85,53 +85,54 @@ v-card
     v-container.grey.lighten-4.rounded-lg
       v-row(v-if="peer_review_policy" no-gutters)
         v-row(dense)
-          v-col
+          v-col.d-flex.flex-row.align-center
             span Reviewing guidelines:
-            b.prd_val Yes (
-                a(:href="peer_review_policy" target="_blank" rel="noopener") read more
-                v-icon(small class="pa-1") mdi-open-in-new
-                |)
+            b.prd_val 
+              | Yes
+              | (
+              a(:href="peer_review_policy" target="_blank" rel="noopener") read more
+              | )
 
-            v-tooltip(right transition="fade-transition")
+            v-tooltip(color="tooltip" right transition="fade-transition")
               template(v-slot:activator="{ on, hover, attrs }")
-                span(v-bind="attrs" v-on="on").ml-2
-                    v-icon(color="grey-lighten-1") mdi-information-outline
+                v-card(color="transparent" flat v-on:click.stop v-bind="attrs" v-on="on").ml-2
+                  v-icon(color="grey-lighten-1") mdi-information-outline
               span
                 i Explicit guidelines for reviewers 
 
       v-row(v-if="review_coverage" no-gutters)
         v-row(dense)
-          v-col
+          v-col.d-flex.flex-row.align-center
             span(v-if="review_coverage") Review coverage:
             b.prd_val {{ review_coverage }}
-            v-tooltip(right transition="fade-transition") 
+            v-tooltip(color="tooltip" right transition="fade-transition") 
               template(v-slot:activator="{ on, hover, attrs }")
-                span(v-bind="attrs" v-on="on").ml-2
-                    v-icon(color="grey-lighten-1") mdi-information-outline
+                v-card(color="transparent" flat v-on:click.stop v-bind="attrs" v-on="on").ml-2
+                  v-icon(color="grey-lighten-1") mdi-information-outline
               span
                 i Does the feedback cover the entire paper or only a certain section or aspect?
 
       v-row(v-if="reviewer_identity_known_to" no-gutters)
         v-row(dense)
-          v-col
+          v-col.d-flex.flex-row.align-center
             span(v-if="reviewer_identity_known_to") Reviewer identity known to:
             b.prd_val {{ reviewer_identity_known_to }}
-            v-tooltip(right transition="fade-transition")
+            v-tooltip(color="tooltip" right transition="fade-transition")
               template(v-slot:activator="{ on, hover, attrs }")
-                span(v-bind="attrs" v-on="on").ml-2
-                    v-icon(color="grey-lighten-1") mdi-information-outline
+                v-card(color="transparent" flat v-on:click.stop v-bind="attrs" v-on="on").ml-2
+                  v-icon(color="grey-lighten-1") mdi-information-outline
               span
                 i Are the identities of reviewers known to everyone (public), editors or service, or no one?
 
       v-row(v-if="competing_interests" no-gutters)
         v-row(dense)
-          v-col
+          v-col.d-flex.flex-row.align-center
             span(v-if="competing_interests==='Checked'") Competing interests:
             b.prd_val {{ competing_interests }}
-            v-tooltip(right transition="fade-transition")
+            v-tooltip(color="tooltip" right transition="fade-transition")
               template(v-slot:activator="{ on, hover, attrs }")
-                span(v-bind="attrs" v-on="on").ml-2
-                    v-icon(color="grey-lighten-1") mdi-information-outline
+                v-card(color="transparent" flat v-on:click.stop v-bind="attrs" v-on="on").ml-2
+                  v-icon(color="grey-lighten-1") mdi-information-outline
               span
                 i Is a declaration of competing interest required?
 </template>
diff --git a/frontend/src/layouts/banner.vue b/frontend/src/layouts/banner.vue
index ddc45cbb..4201ad26 100644
--- a/frontend/src/layouts/banner.vue
+++ b/frontend/src/layouts/banner.vue
@@ -1,12 +1,18 @@
 <template lang="pug">
   .banner-title-wrapper
-    router-link(to="/"  active-class="is-active")
-      .text-sm-h4.text-h5.pointer.banner-title.d-flex.align-center
-        span Early Evidence Base
-        div.ml-auto
-          span.text-body-2.font-italic an initiative by
-          img(src="../assets/EMBO_logo.svg" alt="EMBO Logo" height="30px").ml-2
-      .text-sm-h5.text-h6.pointer.banner-subtitle Collecting and Assessing Reviewed Preprints
+    v-row.d-flex.flex-grow-1.align-baseline
+      span.text-md-h4.text-sm-h5.text-h5.pointer.banner-title
+        router-link(to="/"  active-class="is-active")
+          | Early Evidence Base
+      span.ml-1.text-sm-body-2.text-caption.font-italic.d-none.d-sm-flex.align-end
+        span an initiative by
+        img(src="../assets/EMBO_logo.svg" alt="EMBO Logo" height="30rem").ml-2
+    v-row
+      .text-md-h5.text-sm-h6.text-subtitle-2.pointer.banner-subtitle Collecting and Assessing Reviewed Preprints
+    v-row.d-flex.d-sm-none
+      span.mt-1.text-caption.font-italic.d-flex.align-center
+        span an initiative by
+        img(src="../assets/EMBO_logo.svg" alt="EMBO Logo" height="20rem").ml-2
 </template>
 
 <style lang="scss" scoped>
@@ -15,7 +21,7 @@
   position: absolute;
   top: 0;
   left: 0;
-  padding: 1rem 2rem;
+  padding: 1.5rem 1.5rem;
 }
 
 .banner-title {
diff --git a/frontend/src/plugins/vuetify.js b/frontend/src/plugins/vuetify.js
index 548c4d4e..a8fe8332 100644
--- a/frontend/src/plugins/vuetify.js
+++ b/frontend/src/plugins/vuetify.js
@@ -16,7 +16,8 @@ const opts = {
         secondary: '#0d648c',
         tertiary: '#e1ecf0',
         accent: '#aecbeb',
-        error: '#b71c1c'
+        error: '#b71c1c',
+        tooltip: '#000000'
       },
     },
     options: { customProperties: true },
diff --git a/frontend/src/views/About.vue b/frontend/src/views/About.vue
index 118211c7..49a99a83 100644
--- a/frontend/src/views/About.vue
+++ b/frontend/src/views/About.vue
@@ -1,13 +1,14 @@
 <template lang="pug">
-  v-card(flat).col-6.ml-auto.mr-auto
-    v-card-title.d-flex
-      | About EEB
+  v-card(flat).col-lg-8.col-md-9.col-sm-10.col-xs-12.ml-auto.mr-auto
+    span.d-flex.flex-row.align-center.mt-3
       a(href="https://embo.org" target="_blank" rel="noopener").pr-2.ml-auto
-        img(src="../assets/EMBO_logo.svg" alt="EMBO Logo" height="45px").logo-EMBO
+        img(src="../assets/EMBO_logo.svg" alt="EMBO Logo").logo-EMBO
       a(href="https://embopress.org" target="_blank" rel="noopener").pr-2
         img(src="../assets/EEB_EP_LOGO.png" alt="EMBO Press Logo").logo-EP
-      a(href="https://sourcedata.io" target="_blank" rel="noopener").pr-2
-        img(src="../assets/EEB_SD_LOGO.png" alt="SourceData Logo").logo-sd
+      a(href="https://sourcedata.io" target="_blank" rel="noopener").pb-1.mr-auto
+        img(src="../assets/EEB_SD_LOGO.png" alt="SourceData Logo").logo-SD
+
+    v-card-title About EEB
     v-card-text.text-body-1
       p <i>Early Evidence Base</i> (EEB) is an <b>experimental platform</b>
         |  that  combines artificial intelligence with human curation
@@ -37,4 +38,31 @@
           li Refereed Preprints are preprints that are associated with reviews. EEB prioritizes such preprints and integrates the content of the reviews as well as the authors' response, when available, to provide rich context and in-depth analyses of the reported research.
           li To highlight the importance of experimental evidence, EEB automatically highlights and organizes preprints around scientific topics and emergent areas of research.
           li Finally, EEB provides an automated selection of preprints that are enriched in studies that were peer reviewed, may bridge several areas of research and use a diversity of experimental approaches.
-</template>
\ No newline at end of file
+</template>
+
+<style lang="scss" scoped>
+.logo-EP {
+  height: 30px;
+}
+
+.logo-EMBO {
+  height: 30px;
+}
+
+.logo-SD {
+  height: 15px;
+}
+
+@media only screen and (max-width: 600px) {
+  .logo-EP {
+    height: 22px;
+  }
+  .logo-EMBO {
+    height: 22px;
+  }
+  .logo-SD {
+    height: 13px;
+  }
+}
+
+</style>
\ No newline at end of file
diff --git a/frontend/src/views/Contact.vue b/frontend/src/views/Contact.vue
index 28b1c7a0..789af270 100644
--- a/frontend/src/views/Contact.vue
+++ b/frontend/src/views/Contact.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-  v-card(flat).col-6.ml-auto.mr-auto
+  v-card(flat).col-lg-8.col-md-9.col-sm-10.col-xs-12.ml-auto.mr-auto
     v-card-title Contact
     v-card-text.text-body-1 <!-- TODO: Is this still relevant? Should anything change here? -->
       p EEB is under development and is run as an experiment to push boundaries in transparency and scientific publishing. Please send us your thoughts, suggestions and feedback to: <a href="mailto:thomas.lemberger@embo.org" type="primary">thomas.lemberger@embo.org</a>
diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index df3a0e48..886eebd9 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
 v-container(fluid).pa-0.ma-0
-  v-row.pa-3
+  v-row.d-none.d-lg-flex.pa-3
     v-col(cols=3)
       v-card.fixed-filter-panel
         v-card-text
@@ -13,10 +13,39 @@ v-container(fluid).pa-0.ma-0
     v-col(cols=9)
       v-row
         Highlights
+
+  v-row(justify="center").d-lg-none
+    v-dialog(
+      v-model="showMobileFilterDialog"
+      fullscreen
+      hide-overlay
+      transition="dialog-bottom-transition")
+      template(v-slot:activator="{ on, attrs }")
+        v-btn(
+          color="primary"
+          v-bind="attrs"
+          v-on="on").mr-auto.ml-3
+          v-icon(left) mdi-filter-variant
+          | Content filters
+      v-card
+        v-toolbar(color="tertiary")
+          v-btn(icon @click="showMobileFilterDialog = false")
+            v-icon mdi-close
+          v-toolbar-title Content filters
+        v-card-text
+          v-col.mt-3
+            v-row
+              SearchBar
+            v-row
+              v-divider
+            v-row
+              ByReviewingService
+    Highlights
 </template>
 
 
 <script>
+import { mapState } from 'vuex'
 import Highlights from '../components/highlights/index.vue'
 import ByReviewingService from '../components/filtering/by-reviewing-service.vue'
 import SearchBar from '../components/filtering/by-simple-search-query.vue'
@@ -28,10 +57,19 @@ export default {
     ByReviewingService,
     SearchBar
   },
+  data() {
+    return {
+      showMobileFilterDialog: false
+    }
+  },
+  computed: {
+    ...mapState('byFilters', ['loadingRecords']),
+  },
   props: {
     collection: String,
     service: String,
   },
+  watch: {}
 }
 </script>