From 74b880aa3ac5061bc336ac9fb3a285ca507cad79 Mon Sep 17 00:00:00 2001
From: Sohee Lim <limsohee1002@gmail.com>
Date: Fri, 1 Nov 2024 16:48:48 -0400
Subject: [PATCH] fix: update home hero text to be centered align

---
 assets/tailwind-output.css              | 4 ++++
 src/modules/homepage/HomepageModule.tsx | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/assets/tailwind-output.css b/assets/tailwind-output.css
index 630c22498..c3531aabc 100644
--- a/assets/tailwind-output.css
+++ b/assets/tailwind-output.css
@@ -1561,6 +1561,10 @@ video {
   padding-top: 1.5rem;
 }
 
+.text-center {
+  text-align: center;
+}
+
 .text-justify {
   text-align: justify;
 }
diff --git a/src/modules/homepage/HomepageModule.tsx b/src/modules/homepage/HomepageModule.tsx
index 2512bea8a..fd96fcffe 100644
--- a/src/modules/homepage/HomepageModule.tsx
+++ b/src/modules/homepage/HomepageModule.tsx
@@ -37,8 +37,8 @@ const Homepage: FC<Props> = ({ homepageData }) => {
       {hero && (
         <div className="Hero rounded-large py-[4.84375rem] sm:py-[3.75rem] bg-light-surface-2 dark:bg-dark-surface-2">
           <h2 className="flex flex-col items-center text-light-neutral-1 dark:text-dark-neutral-1">
-            <span className="heading-0-mobile sm:heading-0">{hero.headerLine1}</span>
-            <span className="serif-heading-0-mobile sm:serif-heading-0 italic">
+            <span className="heading-0-mobile sm:heading-0 text-center">{hero.headerLine1}</span>
+            <span className="serif-heading-0-mobile sm:serif-heading-0 italic text-center">
               {hero.headerLine2}
             </span>
           </h2>