diff --git a/src/app/[lang]/layout.tsx b/src/app/[lang]/layout.tsx
index ae0836c4..fa60cd1d 100644
--- a/src/app/[lang]/layout.tsx
+++ b/src/app/[lang]/layout.tsx
@@ -45,7 +45,7 @@ export default function RootLayout({
             <SettingsProvider>
               <ModalProvider>
                   <html lang={params.lang} className={`${theme?.value ?? ''} overflow-x-hidden`}>
-                    <body className={`${inter.className} grid grid-cols-1 grid-rows-[64px_40px_calc(100vh-108px)] md:grid-cols-[12rem_auto] md:grid-rows-[64px_calc(100vh-64px)_12rem] bg-white dark:bg-neutral-900 dark:text-white`}>
+                    <body className={`${inter.className} grid grid-cols-1 grid-rows-[64px_48px_calc(100vh-112px)] md:grid-cols-[12rem_auto] md:grid-rows-[56px_calc(100vh-56px)_12rem] bg-white dark:bg-neutral-900 dark:text-white`}>
                       <Header/>
                       <SideNav/>
                       <main className='overflow-y-auto overflow-x-hidden h-full w-full'>
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 106d1417..c17ab694 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -20,7 +20,7 @@ const Header: FC = () => {
 
 
     return (
-        <header className="h-14 w-screen bg-gray-100 dark:bg-neutral-800 shadow-md bg-neu px-8 py-4 md:col-span-2 flex flex-row justify-between items-center">
+        <header className="h-14 w-screen bg-gray-100 dark:bg-neutral-800 shadow-md px-4 md:px-8 py-4 md:col-span-2 flex flex-row justify-between items-center z-50">
             <FullLogo />
             <p className="text-sm text-gray-600 dark:text-gray-400">
             {language == 'en' &&
diff --git a/src/components/SideNav.tsx b/src/components/SideNav.tsx
index 930135f7..a81f82e6 100644
--- a/src/components/SideNav.tsx
+++ b/src/components/SideNav.tsx
@@ -56,7 +56,7 @@ const SideNav:FC = () => {
         }
     ]
     return (<>
-        <nav className="md:hidden w-screen flex flex-row h-10 gap-4 justify-evenly">
+        <nav className="md:hidden w-screen flex flex-row h-10 gap-4 justify-evenly py-3">
             {links.map((link, index) => (
                 <Link 
                     className={`flex items-center gap-4 hover:opacity-80 hover:underline transition text-gray-600 dark:text-gray-400`}
