diff --git a/src/components/ThemeToggle.vue b/src/components/ThemeToggle.vue
index 0194ed2..8f8bc2b 100644
--- a/src/components/ThemeToggle.vue
+++ b/src/components/ThemeToggle.vue
@@ -13,7 +13,7 @@ const toggleColorMode = () => {
 <template>
   <button
     @click="toggleColorMode"
-    class="fixed top-4 right-4 p-2 rounded-full transition-all duration-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transform hover:rotate-180"
+    class="fixed top-4 right-4 z-10 p-2 rounded-full transition-all duration-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transform hover:rotate-180"
     :class="isDarkMode ? 'bg-gray-800 text-yellow-300' : 'bg-white text-gray-800'"
   >
     <SunIcon v-if="!isDarkMode" class="w-6 h-6" />