diff --git a/src/components/extra_buttons/extra_buttons.vue b/src/components/extra_buttons/extra_buttons.vue
index 471f155b..d9301a60 100644
--- a/src/components/extra_buttons/extra_buttons.vue
+++ b/src/components/extra_buttons/extra_buttons.vue
@@ -118,7 +118,7 @@
         </button>
         <button
           v-if="(status.visibility === 'public' || status.visibility === 'unlisted')"
-          class="button-default dropdown-item dropdown-item-icon"
+          class="button-default dropdown-item dropdown-item-icon extra-quote"
           @click.prevent="$emit('quote-toggle')"
           @click="close"
         >
@@ -162,4 +162,11 @@
     }
   }
 }
+
+@media all and (min-width: 801px) {
+  .extra-quote {
+    display: none !important;
+  }
+}
+
 </style>
diff --git a/src/components/quote_button/quote_button.vue b/src/components/quote_button/quote_button.vue
index ebb55e89..a8b1b608 100644
--- a/src/components/quote_button/quote_button.vue
+++ b/src/components/quote_button/quote_button.vue
@@ -23,7 +23,7 @@
 @import '../../_variables.scss';
 
 .QuoteButton {
-  display: none;
+  display: flex;
 
   > :first-child {
     padding: 10px;
@@ -44,4 +44,10 @@
   }
 
 }
+
+@media all and (max-width: 800px) {
+  .QuoteButton {
+    display: none;
+  }
+}
 </style>