From 37d1cedb30d6e734d771614c93e32248c6676cc3 Mon Sep 17 00:00:00 2001
From: James Wyndham <samwyn@xam.com.au>
Date: Thu, 21 Mar 2024 08:53:18 +0800
Subject: [PATCH] bugfix - styling

---
 Frontend/components/Header.tsx                   | 2 +-
 Frontend/sections/Hero/SquaredBackgroundHero.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

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>