diff --git a/src/components/ColorToggle/index.tsx b/src/components/ColorToggle/index.tsx
index 47b12b59..62c4dc80 100644
--- a/src/components/ColorToggle/index.tsx
+++ b/src/components/ColorToggle/index.tsx
@@ -28,7 +28,7 @@ const ColorToggle: React.FC = () => {
         strokeLinecap="round"
         strokeLinejoin="round"
         stroke="currentColor"
-        className={colorMode}
+        className={colorMode ?? THEME_COLORS.DARK}
       >
         <mask id="moonMaskCircle">
           <rect x="0" y="0" width="100%" height="100%" fill="#fff" />