diff --git a/src/App.vue b/src/App.vue
index 57be77b..9c55f03 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -45,8 +45,7 @@ watch(colorScheme, val => updateColorScheme(val))
 .main-content {
     --main-content-padding-x: 30px;
     --main-content-padding-y: 40px;
-    padding: var(--main-content-padding-y) var(--main-content-padding-x) 0;
-    width: calc(100% - var(--main-content-padding-x) * 2);
+    --main-content-padding: var(--main-content-padding-y) var(--main-content-padding-x) 0;
     flex-grow: 1;
 }
 
diff --git a/src/features/search/views/SearchResultsView.vue b/src/features/search/views/SearchResultsView.vue
index 1e9e78f..b0d31d9 100644
--- a/src/features/search/views/SearchResultsView.vue
+++ b/src/features/search/views/SearchResultsView.vue
@@ -28,7 +28,7 @@ searchQueryModel.value = props.searchQuery;
 </script>
 
 <template>
-    <div>
+    <div class="main-content-padding">
         <Searchbar class="search-bar" v-model="searchQueryModel" auto-submit />
         
         <div class="search-results-error-message-container">
diff --git a/src/styles/common.css b/src/styles/common.css
index f369a54..976816a 100644
--- a/src/styles/common.css
+++ b/src/styles/common.css
@@ -29,4 +29,9 @@ body {
 
 input {
     color: var(--dark);
+}
+
+.main-content-padding {
+    padding: var(--main-content-padding);
+    width: calc(100% - var(--main-content-padding-x) * 2);
 }
\ No newline at end of file
diff --git a/src/views/NotFound.vue b/src/views/NotFound.vue
index 83d3582..98d1b97 100644
--- a/src/views/NotFound.vue
+++ b/src/views/NotFound.vue
@@ -21,7 +21,7 @@ const { t } = useI18n();
 </script>
 
 <template>
-    <div class="not-found">
+    <div class="not-found main-content-padding">
        <span class="error-message">
             {{ t('error.pageNotFound') }}
         </span>
diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index 0fa27a4..3677df0 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -32,7 +32,7 @@ const submitSearch = function () {
 </script>
 
 <template>
-    <div class="search-content">
+    <div class="search-content main-content-padding">
     <header class="global-header">
         <img :src="logo" alt="Seekra" class="header-logo" />
         <span class="slogan">