diff --git a/src/components/ThemeSwap.vue b/src/components/ThemeSwap.vue
index ec68a47..505ef24 100644
--- a/src/components/ThemeSwap.vue
+++ b/src/components/ThemeSwap.vue
@@ -15,8 +15,8 @@ const darkMode = 'forest'
       type="checkbox"
       :value="darkMode"
       :checked="isDark"
-      @click="() => toggle(!isDark)"
       class="theme-controller"
+      @click="() => toggle(!isDark)"
     />
 
     <svg
@@ -42,5 +42,20 @@ const darkMode = 'forest'
         <path d="m19.07 4.93-1.41 1.41"></path>
       </g>
     </svg>
+    <svg
+      aria-label="moon"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+    >
+      <g
+        stroke-linejoin="round"
+        stroke-linecap="round"
+        stroke-width="2"
+        fill="none"
+        stroke="currentColor"
+      >
+        <path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path>
+      </g>
+    </svg>
   </label>
 </template>