diff --git a/components/Footer.tsx b/components/Footer.tsx
index d59b9a5..2039e9a 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -32,15 +32,17 @@ export const Footer: React.FC<{
     <footer className={styles.footer}>
       <div className={styles.copyright}>Copyright 2021 {config.author}</div>
 
-      <div className={styles.settings}>
-        <a
-          className={styles.toggleDarkMode}
-          onClick={toggleDarkModeCb}
-          title='Tottle dark mode'
-        >
-          {isDarkMode ? <IoMoonSharp /> : <IoSunnyOutline />}
-        </a>
-      </div>
+      {hasMounted ? (
+        <div className={styles.settings}>
+          <a
+            className={styles.toggleDarkMode}
+            onClick={toggleDarkModeCb}
+            title='Tottle dark mode'
+          >
+            {isDarkMode ? <IoMoonSharp /> : <IoSunnyOutline />}
+          </a>
+        </div>
+      ) : null}
 
       <div className={styles.social}>
         {config.twitter && (