diff --git a/src/layouts/Head.astro b/src/layouts/Head.astro
index e6de86b..72b6dc9 100644
--- a/src/layouts/Head.astro
+++ b/src/layouts/Head.astro
@@ -75,7 +75,10 @@ const { commentURL = '', imageHostURL = '', customGoogleAnalyticsURL = '', custo
 {baidu && <meta name="baidu-site-verification" content={baidu} />}
 
 <!-- Theme Toggle -->
-<script is:inline define:vars={{ defaultMode: themeConfig.color.mode, lightMode, darkMode }}>
+<script
+  is:inline
+  define:vars={{ defaultMode: themeConfig.color.mode, lightMode, darkMode }}
+>
 // Initialize theme
 function initTheme() {
   const theme = (() => {
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 2de9884..8ccebed 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -51,10 +51,10 @@ const fontStyle = themeConfig.global.fontStyle === 'serif' ? 'font-serif' : 'fon
         <slot />
       </main>
     </div>
-    <Scrollbar client:load />
-    <ThemeToggle client:idle />
+    <Scrollbar />
+    <ThemeToggle />
     <LanguageSwitcher />
-    <BackToTop client:idle />
-    <PhotoSwipe client:idle />
+    <BackToTop />
+    <PhotoSwipe />
   </body>
 </html>