diff --git a/src/features/search/views/SearchResultsView.vue b/src/features/search/views/SearchResultsView.vue
index 441b739..def2f44 100644
--- a/src/features/search/views/SearchResultsView.vue
+++ b/src/features/search/views/SearchResultsView.vue
@@ -1,6 +1,24 @@
 <script setup>
-defineProps(['searchQuery'])
+import Searchbar from '@/features/search/components/Searchbar.vue';
+
+const props = defineProps(['searchQuery']);
+
+const searchQueryModel = defineModel();
+searchQueryModel.value = props.searchQuery;
 </script>
 
 <template>
-</template>
\ No newline at end of file
+    <Searchbar class="search-bar" v-model="searchQueryModel" auto-submit />
+</template>
+
+<style scoped>
+.search-bar {
+    width: 50%;
+}
+
+@media (max-width: 67.5rem) {
+    .search-bar {
+        width: 100%;
+    }
+}
+</style>
\ No newline at end of file