From d5e19b6aeef1421bd1daf34c15cad9e7a4719374 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Wed, 6 May 2026 20:39:11 +0200
Subject: [PATCH] Make component styles scoped

---
 src/App.vue                                  | 2 +-
 src/features/search/components/Searchbar.vue | 2 +-
 src/views/SearchView.vue                     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

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;