diff --git a/src/App.vue b/src/App.vue
index 686fb27..7095985 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,8 +5,21 @@ import Footer from './features/footer/components/Footer.vue';
 
 <template>
     <Navbar />
-    
-    <router-view />
+
+    <div class="main-content">
+        <router-view />
+    </div>
 
     <Footer />
-</template>
\ No newline at end of file
+</template>
+
+<style scoped>
+.main-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+    gap: 60px;
+    flex-grow: 1;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index 5416d37..c475ebb 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -3,30 +3,19 @@ import Searchbar from '../features/search/components/Searchbar.vue'
 </script>
 
 <template>
-    <div class="main-content">
-        <header class="global-header">
-            <h1>Seekra</h1>
-            <span class="slogan">
-                Built to search.
-            </span>
-        </header>
-        
-        <form id="search-form">
-            <Searchbar />
-        </form>
-    </div>
+    <header class="global-header">
+        <h1>Seekra</h1>
+        <span class="slogan">
+            Built to search.
+        </span>
+    </header>
+    
+    <form id="search-form">
+        <Searchbar />
+    </form>
 </template>
 
 <style scoped>
-.main-content {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    width: 100%;
-    gap: 60px;
-    flex-grow: 1;
-}
-
 .global-header {
     text-align: center;
     display: flex;