diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index 0b5c58c..e1fba20 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -39,7 +39,7 @@ const submitSearch = function () {
         </header>
     
         <div class="search-container">
-            <Searchbar v-model="searchQuery" ref="searchbar" auto-submit />
+            <Searchbar v-model="searchQuery" ref="searchbar" class="search-bar" auto-submit />
         </div>
     </div>
 </template>
@@ -80,4 +80,10 @@ const submitSearch = function () {
     width: 70%;
     max-width: 624px;
 }
+
+@media (max-width: 67.5rem) {
+    .search-container {
+        width: 100%;
+    }
+}
 </style>
\ No newline at end of file