Add containers to components without a content container

src/features/search/components/Searchbar.vue

@@ -36,6 +36,7 @@ const submitSearch = function () {
 </script>
 
 <template>
+    <div>
         <form @submit.prevent="submitSearch">
             <div class="search-wrapper">
                 <input
@@ -47,7 +48,8 @@ const submitSearch = function () {
                 <button type="submit" class="search-button">{{ t('search.searchBar.submit') }}</button>
             </div>
         </form>
-    </template>
+    </div>
+</template>
 
 <style scoped>
 .search-wrapper {

src/features/search/views/SearchResultsView.vue

@@ -28,6 +28,7 @@ searchQueryModel.value = props.searchQuery;
 </script>
 
 <template>
+    <div>
         <Searchbar class="search-bar" v-model="searchQueryModel" auto-submit />
         
         <div class="search-results-error-message-container">
@@ -38,6 +39,7 @@ searchQueryModel.value = props.searchQuery;
         </div>
         <div class="search-results-container">
         </div>
+    </div>
 </template>
 
 <style scoped>