diff --git a/src/App.vue b/src/App.vue
index 3021e6a..a0da50d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,7 +10,7 @@ import Navbar from './features/nav/components/Navbar.vue';
     </div>
 </template>
 
-<style>
+<style scoped>
 .content-background  {
     background: 
         radial-gradient(ellipse at 40% 60%, rgba(255,255,255,0.55) 0%, transparent 75%),
diff --git a/src/features/search/components/Searchbar.vue b/src/features/search/components/Searchbar.vue
index 862fb22..d07595d 100644
--- a/src/features/search/components/Searchbar.vue
+++ b/src/features/search/components/Searchbar.vue
@@ -5,7 +5,7 @@
     </div>
 </template>
 
-<style>
+<style scoped>
 .search-wrapper {
     --submit-button-padding-y: 8px;
     --submit-button-content-height: 18px;
diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index ddb2fcb..445f28b 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -17,7 +17,7 @@ import Searchbar from '../features/search/components/Searchbar.vue'
     </div>
 </template>
 
-<style>
+<style scoped>
 .global-header {
     text-align: center;
     display: flex;