diff --git a/packages/website/components/Footer.tsx b/packages/website/components/Footer.tsx
index 21b0716d0c2..96014d39577 100644
--- a/packages/website/components/Footer.tsx
+++ b/packages/website/components/Footer.tsx
@@ -2,9 +2,9 @@ export default function Footer() {
   return (
     <footer className="bg-neutral-100 dark:bg-neutral-900">
       <div className="mx-auto max-w-[90rem]">
-        <div className="grid grid-cols-2 pl-[max(env(safe-area-inset-left),1.5rem)] pr-[max(env(safe-area-inset-right),1.5rem)] py-8 md:grid-cols-3 ">
+        <div className="grid grid-cols-2 pl-[max(env(safe-area-inset-left),1.5rem)] pr-[max(env(safe-area-inset-right),1.5rem)] py-8 md:grid-cols-3">
           <div>
-            <h2 className="mb-6 text-sm font-semibold text-neutral-500 uppercase dark:text-neutral-300">
+            <h2 className="mb-6 text-sm font-semibold text-neutral-500 uppercase dark:text-neutral-300 pt-3">
               About
             </h2>
             <ul className="text-neutral-500 dark:text-neutral-400">
@@ -38,7 +38,7 @@ export default function Footer() {
             </ul>
           </div>
           <div>
-            <h2 className="mb-6 text-sm font-semibold text-neutral-500 uppercase dark:text-neutral-300">
+            <h2 className="mb-6 text-sm font-semibold text-neutral-500 uppercase dark:text-neutral-300 pt-3">
               Developers
             </h2>
             <ul className="text-neutral-500 dark:text-neutral-400">
@@ -68,7 +68,7 @@ export default function Footer() {
             </ul>
           </div>
           <div>
-            <h2 className="mb-6 text-sm font-semibold text-neutral-500 uppercase dark:text-neutral-300">
+            <h2 className="mb-6 text-sm font-semibold text-neutral-500 uppercase dark:text-neutral-300 pt-3">
               Follow us
             </h2>
             <ul className="text-neutral-500 dark:text-neutral-400">
diff --git a/packages/website/theme.config.tsx b/packages/website/theme.config.tsx
index c6f1d9cb5c6..287d7e29ac0 100644
--- a/packages/website/theme.config.tsx
+++ b/packages/website/theme.config.tsx
@@ -19,6 +19,7 @@ export default {
   chat: {
     link: "https://discord.gg/taikoxyz",
   },
+  darkMode: true,
   docsRepositoryBase:
     "https://github.com/taikoxyz/taiko-mono/blob/main/packages/website",
   editLink: {
@@ -49,6 +50,9 @@ export default {
     );
   },
   logo: <ThemedImage />,
+  nextThemes: {
+    defaultTheme: "light",
+  },
   primaryHue: 315,
   project: {
     link: "https://github.com/taikoxyz",
@@ -58,5 +62,4 @@ export default {
       titleTemplate: "%s – Taiko",
     };
   },
-  darkMode: true,
 };
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 34fbfa74517..67825e04891 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5126,7 +5126,6 @@ packages:
       inherits: 2.0.4
       minimalistic-assert: 1.0.1
       safer-buffer: 2.1.2
-    dev: true
 
   /asn1/0.2.6:
     resolution: {integrity: sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==}
@@ -5975,7 +5974,6 @@ packages:
 
   /bignumber.js/9.1.0:
     resolution: {integrity: sha512-4LwHK4nfDOraBCtst+wOWIHbu1vhvAPJK8g8nROd4iuc3PSEjWif/qwbkh8jwCJz6yDBvtU4KPynETgrfh7y3A==}
-    dev: true
 
   /binary-extensions/2.2.0:
     resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
@@ -16702,7 +16700,6 @@ packages:
 
   /safer-buffer/2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
-    dev: true
 
   /sander/0.5.1:
     resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==}
@@ -20283,4 +20280,4 @@ packages:
     version: 0.6.8
     dependencies:
       bn.js: 4.12.0
-      ethereumjs-util: 6.2.1
\ No newline at end of file
+      ethereumjs-util: 6.2.1