diff --git a/src/components/NavItems.astro b/src/components/NavItems.astro
index 74132af..4eda0de 100644
--- a/src/components/NavItems.astro
+++ b/src/components/NavItems.astro
@@ -31,7 +31,7 @@ const { class: _class } = Astro.props as Props;
   </li>
   <div class="md:flex-1"></div>
   <li>
-    <button data-toggle-theme="dark,light">
+    <button data-toggle-theme="dark,light" data-act-class="light">
       <i class="fa-solid fa-circle-half-stroke"></i>
       Switch color theme
     </button>