From da7f447f2a5fdf2d6fabab5f0bd90ac904922ca2 Mon Sep 17 00:00:00 2001
From: michaelDragomir <129689060+michaelDragomir@users.noreply.github.com>
Date: Tue, 4 Jun 2024 19:26:19 -0700
Subject: [PATCH] fixed minor styling issue on hero text (#1822)

---
 pages/index.tsx         | 12 ++++++------
 styles/index.module.css |  4 ++++
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index e2432e009..3ba3ab68e 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -21,18 +21,18 @@ function Home() {
         isFullViewportHeight
         title="Build The Future"
       >
-        <>
+        <div className={styles.heroText}>
           <p>
             We&apos;re the largest community of military veterans, service members, and spouses
             committed to becoming software developers with the help of mentors, scholarships, and
             our tech partners.
           </p>
+        </div>
 
-          <div className={styles.ctaContainer}>
-            <LinkButton href="/about">Learn More</LinkButton>
-            <LinkButton href="/join">Join Us</LinkButton>
-          </div>
-        </>
+        <div className={styles.ctaContainer}>
+          <LinkButton href="/about">Learn More</LinkButton>
+          <LinkButton href="/join">Join Us</LinkButton>
+        </div>
       </HeroBanner>
 
       <Content
diff --git a/styles/index.module.css b/styles/index.module.css
index 8593a3e2a..10b5b03d0 100644
--- a/styles/index.module.css
+++ b/styles/index.module.css
@@ -2,6 +2,10 @@
   padding: 0;
 }
 
+.heroText {
+  padding: 0 1rem;
+}
+
 .Home .ctaContainer {
   display: flex;
   width: 100%;