diff --git a/src/components/ThemeSwitcher.astro b/src/components/ThemeSwitcher.astro
index d748a91..8a57ac0 100644
--- a/src/components/ThemeSwitcher.astro
+++ b/src/components/ThemeSwitcher.astro
@@ -35,7 +35,7 @@ const checkBase = "wr:size-4 wr:opacity-0 wr:scale-90 wr:transition";
 ---
 
 <div id={containerId} class={["wr:inline-flex", className].join(" ")} data-compact={compact ? "1" : ""} {...rest}>
-  <Dropdown openOn="click" placement="bottom-end" offset={10} shiftPadding={10} showArrow={true} closeOnSelect={true}>
+  <Dropdown openOn="click" placement="bottom-end" offset={5} shiftPadding={10} showArrow={true} closeOnSelect={true}>
     <span slot="trigger" class="wr:inline-flex wr:items-center wr:gap-2">
       <span data-current-icon="light" class="wr:inline">
         <Icon name="mdi:weather-sunny" class={icon} />