diff --git a/src/components/Autocomplete.vue b/src/components/Autocomplete.vue
index 3455b3860566645b95f08cb4f4abf8c0ba9dbdfe..7d09b792d42b7b475c61cd18a11171face3849a4 100644
--- a/src/components/Autocomplete.vue
+++ b/src/components/Autocomplete.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="autocomplete-container">
+  <div class="autocomplete-container" :class="$vuetify.breakpoint.name">
     <v-autocomplete
         v-model="select"
         :loading="loading"
@@ -106,7 +106,15 @@
   }
 
   .autocomplete-container {
-    max-width: 500px;
+    max-width: 520px;
     padding-left: 3px;
   }
+
+  .autocomplete-container.sm {
+    max-width: 320px;
+  }
+
+  .autocomplete-container.xs {
+    max-width: 220px;
+  }
 </style>