diff --git a/src/app/[locale]/layout.tsx b/src/app/[locale]/layout.tsx
index dc3815b..92d337f 100644
--- a/src/app/[locale]/layout.tsx
+++ b/src/app/[locale]/layout.tsx
@@ -24,8 +24,9 @@ export default async function LocaleLayout({
       <NextIntlClientProvider messages={messages}>
         <ThemeProvider
           attribute="class"
-          defaultTheme="system"
-          enableSystem
+          defaultTheme="dark"
+          enableSystem={false}
+          forcedTheme="dark"
           disableTransitionOnChange
         >
           <div className="min-h-screen flex flex-col">
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index 1b5443f..8ba1340 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -5,8 +5,9 @@ export default function NotFound() {
   return (
     <ThemeProvider
       attribute="class"
-      defaultTheme="system"
-      enableSystem
+      defaultTheme="dark"
+      enableSystem={false}
+      forcedTheme="dark"
       disableTransitionOnChange
     >
       <div className="flex flex-col min-h-[90vh] p-12 justify-center items-center">
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 7a17e88..20a854d 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -113,7 +113,13 @@ const Header = ({ navItems }: HeaderProps) => {
                 <span className="flex items-center gap-2">
                   <span>{item.label}</span>
                   {navIconByHref[item.href] ? (
-                    <span className="material-symbols-outlined text-[1.4rem]! leading-none text-[#00A3E0] group-hover:text-[#EEE5E5]">
+                    <span
+                      className={`material-symbols-outlined text-[1.4rem]! leading-none ${
+                        isActive
+                          ? "text-black"
+                          : "text-[#00A3E0] group-hover:text-[#EEE5E5]"
+                      }`}
+                    >
                       {navIconByHref[item.href]}
                     </span>
                   ) : null}