diff --git a/src/components/themetoggle/index.js b/src/components/themetoggle/index.js
index 32299d6..bcf55cc 100644
--- a/src/components/themetoggle/index.js
+++ b/src/components/themetoggle/index.js
@@ -3,13 +3,13 @@ import { WiMoonAltWaningCrescent4 } from "react-icons/wi";
 
 
 const Themetoggle = () => {
-  const [theme, settheme] = useState(localStorage.getItem("theme"));
+  const [theme, settheme] = useState(localStorage.getItem("theme") || "dark");
   const themetoggle = () => {
     settheme(theme === "dark" ? "light" : "dark");
   };
   useEffect(() => {
     document.documentElement.setAttribute('data-theme', theme);
-    localStorage.setItem('theme', theme ); 
+    localStorage.setItem('theme', theme );
   }, [theme]);
   return (
     <div className="nav_ac" onClick={themetoggle}>