diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index fd4a9d6..d75aa0a 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -25,8 +25,8 @@
         </RouterLink>
       </ul>
       <div class="popup">
-        <svg viewBox="0 0 512 512" @mouseover="apperanceModePopup = true" @mouseleave="apperanceModePopup = false">
-          <path fill="currentColor" d="M3 166a16 16 0 0110-25L121 121 141 13a16 16 0 0125-10L256 65 346 3a16 16 0 0125 10L391 121l108 20a16 16 0 0110 25L447 256l62 90a16 16 0 01-10 25L391 391 371 499a16 16 0 01-25 10L256 447l-90 62a16 16 0 01-25-10L121 391 13 371A16 16 0 013 346L65 256m63 1a128 128 0 100-2m32 0a96 96 0 110 2"/>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" @mouseover="apperanceModePopup = true" @mouseleave="apperanceModePopup = false">
+          <path fill="currentColor" d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/>
         </svg>
         <span v-if="apperanceModePopup">Light Mode</span>
         <template v-else></template>