diff --git a/apps/stage-tamagotchi/src/renderer/components/Widgets/ControlsIsland/ControlButtonTooltip.vue b/apps/stage-tamagotchi/src/renderer/components/Widgets/ControlsIsland/ControlButtonTooltip.vue
index ee06791a3..83536fdcc 100644
--- a/apps/stage-tamagotchi/src/renderer/components/Widgets/ControlsIsland/ControlButtonTooltip.vue
+++ b/apps/stage-tamagotchi/src/renderer/components/Widgets/ControlsIsland/ControlButtonTooltip.vue
@@ -21,7 +21,7 @@ import { TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger } from 're
             'text-xs',
           ]"
           side="left"
-          :side-offset="1"
+          :side-offset="4"
         >
           <slot name="tooltip" />
         </TooltipContent>
diff --git a/apps/stage-tamagotchi/src/renderer/components/Widgets/ControlsIsland/index.vue b/apps/stage-tamagotchi/src/renderer/components/Widgets/ControlsIsland/index.vue
index 0c067e5a6..c80e0de97 100644
--- a/apps/stage-tamagotchi/src/renderer/components/Widgets/ControlsIsland/index.vue
+++ b/apps/stage-tamagotchi/src/renderer/components/Widgets/ControlsIsland/index.vue
@@ -69,7 +69,9 @@ const startDraggingWindow = !isLinux ? defineInvoke(context, electronStartDraggi
       </ControlButtonTooltip>
 
       <ControlButtonTooltip>
-        <ControlButton @click="toggleDark">
+        <!-- Recommended to use `toggleDark()` instead of `toggleDark` -->
+        <!-- See: https://vueuse.org/shared/useToggle/#usage -->
+        <ControlButton @click="toggleDark()">
           <Transition name="fade" mode="out-in">
             <div v-if="isDark" i-solar:moon-outline size-5 text="neutral-800 dark:neutral-300" />
             <div v-else i-solar:sun-2-outline size-5 text="neutral-800 dark:neutral-300" />