diff --git a/src/components/ThemeToggle.astro b/src/components/ThemeToggle.astro
index fa91747..bca67c7 100644
--- a/src/components/ThemeToggle.astro
+++ b/src/components/ThemeToggle.astro
@@ -3,7 +3,6 @@ import { themeConfig } from '@/config'
 
 const { light: { background: lightMode }, dark: { background: darkMode } } = themeConfig.color
 ---
-<!-- [@supports(-webkit-touch-callout:none)]:top-[calc(7.3vw+2.2rem)]  -->
 <button
   id="theme-toggle"
   aria-label="Theme Toggle Button"
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 5258a41..ac24607 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -54,7 +54,8 @@ const fontStyle = themeConfig.global.fontStyle === 'serif' ? 'font-serif' : 'fon
       <Footer class="mt-12 block lg:hidden" />
     </div>
 
-    <div class="absolute right-[min(7.25vw,3.731rem)] top-13.5 flex gap-6">
+    <!--  fix position issue on ios   -->
+    <div class="absolute right-[min(7.25vw,3.731rem)] top-13.5 flex gap-6 [@supports(-webkit-touch-callout:none)]:top-12.5">
       <LanguageSwitcher />
       <ThemeToggle />
     </div>