diff --git a/app/javascript/__tests__/pages/how-to-apply/__snapshots__/how-to-apply.test.tsx.snap b/app/javascript/__tests__/pages/how-to-apply/__snapshots__/how-to-apply.test.tsx.snap
index 4f9028bbea..628fb7c498 100644
--- a/app/javascript/__tests__/pages/how-to-apply/__snapshots__/how-to-apply.test.tsx.snap
+++ b/app/javascript/__tests__/pages/how-to-apply/__snapshots__/how-to-apply.test.tsx.snap
@@ -292,9 +292,7 @@ exports[`<HowToApply /> renders HowToApply component 1`] = `
                         Applications open: December 31, 2049 at 5:00 PM Pacific Time
                       </span>
                     </div>
-                    <div
-                      class="py-10"
-                    >
+                    <div>
                       <h2
                         class="text-2xl mb-0 font-alt-serif"
                       >
@@ -314,7 +312,7 @@ exports[`<HowToApply /> renders HowToApply component 1`] = `
                       30 minutes or less
                     </div>
                     <div
-                      class="pb-10"
+                      class="pt-10"
                     >
                       <h2
                         class="text-2xl mb-0 font-alt-serif"
diff --git a/app/javascript/pages/howToApply/how-to-apply.tsx b/app/javascript/pages/howToApply/how-to-apply.tsx
index 1342f3548b..4cca53cbbb 100644
--- a/app/javascript/pages/howToApply/how-to-apply.tsx
+++ b/app/javascript/pages/howToApply/how-to-apply.tsx
@@ -94,7 +94,7 @@ const NotYetOpenMessage = ({ listing }: { listing: RailsSaleListing }) => {
 
 const HowLongItTakesSection = ({ listing }: { listing: RailsSaleListing }) => {
   return (
-    <div className="py-10">
+    <div>
       <Header headerText={t("howToApplyPage.howLongItTakesSection.title")} />
       <SubHeader subHeaderText={t("howToApplyPage.howLongItTakesSection.subtitle1")} />
       {t("howToApplyPage.howLongItTakesSection.p1")}
@@ -185,7 +185,7 @@ export const LeasingAgentBox = ({ listing }: { listing: RailsSaleListing }) => {
 
 const BeforeYouStartSection = ({ listing }: { listing: RailsSaleListing }) => {
   return (
-    <div className="pb-10">
+    <div className="pt-10">
       <Header headerText={t("howToApplyPage.beforeYouStartSection.title")} />
       <SubHeader subHeaderText={t("howToApplyPage.beforeYouStartSection.subtitle1")} />
       <div>{t("howToApplyPage.beforeYouStartSection.eligibilityList.title")}</div>