diff --git a/src/app/layout.js b/src/app/layout.js
index 2b84d2c..a8d25e7 100644
--- a/src/app/layout.js
+++ b/src/app/layout.js
@@ -37,7 +37,7 @@ export default function RootLayout({children}) {
     return (
         <html lang="en" suppressHydrationWarning>
         <body
-            className={"text-emerald-800 dark:text-emerald-300 bg-gradient-to-tr  dark:from-black  dark:via-emerald-800 dark:to-black from-gray-300 via-emerald-100 to-gray-300"}>
+            className={"text-emerald-800 dark:text-emerald-300 bg-gradient-to-tr dark:from-black  dark:via-emerald-800 dark:to-black from-gray-300 via-emerald-100 to-gray-300"}>
         <ThemeProvider
             attribute="class"
             defaultTheme="dark"
@@ -45,7 +45,7 @@ export default function RootLayout({children}) {
             disableTransitionOnChange
         >
             <header
-                className={"fixed dark:bg-black bg-gray-200 w-full flex text-4xl md:text-5xl p-3 justify-between border-b-2 border-emerald-800 dark:border-emerald-300 content-center items-center"}>
+                className={"fixed dark:bg-black bg-gray-200 w-full flex text-3xl md:text-5xl p-3 justify-between border-b-2 border-emerald-800 dark:border-emerald-300 content-center items-center"}>
                 <Burger/>
                 <div className={""}>{getTitle()}</div>
                 <ModeToggle/>