diff --git a/src/components/Section.astro b/src/components/Section.astro
index dec8afa..3132bbf 100644
--- a/src/components/Section.astro
+++ b/src/components/Section.astro
@@ -11,10 +11,10 @@ type Props = {
 const { title, description, className, id } = Astro.props
 ---
 
-<section class="w-full relative min-h-fit overflow-hidden" id={id}>
+<section id={id}>
   <div
     class={cn(
-      'w-full flex flex-col gap-6 py-12 px-4 md:py-24 md:px-16 lg:px-24 md:gap-12',
+      'overflow-hidden w-full flex flex-col gap-6 py-12 px-4 md:py-24 md:px-16 lg:px-24 md:gap-12',
       className
     )}
   >
diff --git a/src/components/header/MobileNavigation.tsx b/src/components/header/MobileNavigation.tsx
index 608b2b4..03bd4e4 100644
--- a/src/components/header/MobileNavigation.tsx
+++ b/src/components/header/MobileNavigation.tsx
@@ -66,7 +66,7 @@ const MobileNavigation: React.FC<MobileNavigationProps> = ({ navItems }) => {
       <AnimatedBurgerButton isOpen={isOpen} onClick={toggleMenu} />
       <div
         className={cn(
-          'fixed left-0 top-0 z-50 w-full h-screen transform bg-bg-main p-8 pt-16 transition-transform duration-500 ease-in-out',
+          'fixed left-0 top-0 z-50 w-full h-screen transform bg-bg-main p-8 pt-16 transition-transform duration-300 ease-in-out',
           isOpen ? '-translate-x-0' : 'translate-x-full'
         )}
       >