diff --git a/Frontend/sections/Hero/SquaredBackgroundHero.tsx b/Frontend/sections/Hero/SquaredBackgroundHero.tsx
index 1321167..d860048 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-end md:items-center">
-        <div className="md:max-w-[50rem] xl:max-w-[60rem] mx-auto px-6 sm:px-6 lg:px-8">
+      <div className="h-screen w-screen flex items-center">
+        <div className="pt-48 md:max-w-[50rem] xl:max-w-[60rem] mx-auto px-6 sm:px-6 lg:px-8 md:pt-0">
           {/* Grid */}
           <div className="grid md:grid-cols-2 gap-4 md:gap-0 xl:gap-20 md:items-center">
             <div>