diff --git a/Frontend/components/Header.tsx b/Frontend/components/Header.tsx
index a2fe9c7..9a46977 100644
--- a/Frontend/components/Header.tsx
+++ b/Frontend/components/Header.tsx
@@ -32,7 +32,7 @@ export default function Header({ isUserLoggedIn }: HeaderProps) {
   return (
     <header className="absolute w-full z-30">
       <div className="max-w-5xl mx-auto px-4 sm:px-6 md:pt-6">
-        <div className="flex items-center justify-between h-20">
+        <div className="flex items-center justify-between h-20 items-center">
           <Navigation isUserLoggedIn={isUserLoggedIn} />
 
           {/* Desktop navigation */}
diff --git a/Frontend/sections/Hero/SquaredBackgroundHero.tsx b/Frontend/sections/Hero/SquaredBackgroundHero.tsx
index b770729..1321167 100644
--- a/Frontend/sections/Hero/SquaredBackgroundHero.tsx
+++ b/Frontend/sections/Hero/SquaredBackgroundHero.tsx
@@ -6,8 +6,8 @@ const SquaredBackgroundHero = () => {
   return (
     <>
       {/* Hero */}
-      <div className="h-screen w-screen flex items-center">
-        <div className="md:max-w-[50rem] xl:max-w-[60rem] mx-auto px-4 sm:px-6 lg:px-8">
+      <div className="h-screen w-screen flex items-end md:items-center">
+        <div className="md:max-w-[50rem] xl:max-w-[60rem] mx-auto px-6 sm:px-6 lg:px-8">
           {/* Grid */}
           <div className="grid md:grid-cols-2 gap-4 md:gap-0 xl:gap-20 md:items-center">
             <div>