diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 629a1d9..b8682d2 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -17,7 +17,11 @@ export default function App({ Component, pageProps }: AppProps) {
         <title>Érettségi kereső</title>
       </Head>
       <NextUIProvider className={`${inter.variable} font-sans`}>
-        <NextThemesProvider attribute="class" defaultTheme="dark">
+        <NextThemesProvider
+          attribute="class"
+          defaultTheme="dark"
+          enableSystem={true}
+        >
           <Component {...pageProps} />
         </NextThemesProvider>
       </NextUIProvider>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 1cf0bbd..4c352af 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -62,7 +62,7 @@ export default function Home() {
   ])
 
   return (
-    <main className="dark text-foreground bg-background">
+    <main className="dark:bg-[#121212] text-foreground bg-background">
       <div className="flex min-h-screen flex-col items-center justify-between p-24">
         <div className="container mx-auto mt-15">
           <div className="flex flex-col items-center justify-center">