From 187c308b35a8da70b470d559e83c050b982087c4 Mon Sep 17 00:00:00 2001
From: Xen0Xys <red57101@gmail.com>
Date: Sat, 29 Jun 2024 15:29:25 +0200
Subject: [PATCH] :bug: Fix theme selector placement

---
 components/ThemeSwitcher.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/components/ThemeSwitcher.vue b/components/ThemeSwitcher.vue
index c96d59a..6b794d0 100644
--- a/components/ThemeSwitcher.vue
+++ b/components/ThemeSwitcher.vue
@@ -15,12 +15,10 @@ function toggleTheme(){
 </script>
 
 <template>
-    <Button variant="ghost" @click="toggleTheme">
-        <ClientOnly>
-            <Icon v-if="theme === 'dark'" name="iconoir:half-moon" class="icon-style"/>
-            <Icon v-else-if="theme === 'light'" name="iconoir:sun-light" class="icon-style"/>
-        </ClientOnly>
-    </Button>
+    <ClientOnly>
+        <Icon v-if="theme === 'dark'" name="iconoir:half-moon" class="icon-style" @click="toggleTheme"/>
+        <Icon v-else-if="theme === 'light'" name="iconoir:sun-light" class="icon-style" @click="toggleTheme"/>
+    </ClientOnly>
 </template>
 
 <style scoped>