Wrap list in div to reduce space between subheading and bullet points.

AtB-AS · Nov 27, 2024 · 0b11baa · 0b11baa
1 parent 9f24be0
commit 0b11baa
Showing 1 changed file with 30 additions and 26 deletions.
diff --git a/src/page-modules/contact/travel-guarantee/index.tsx b/src/page-modules/contact/travel-guarantee/index.tsx
@@ -38,33 +38,37 @@ const TravelGuaranteeContent = () => {
           {t(PageText.Contact.travelGuarantee.agreement.ticketRefundText)}
         </Typo.p>
 
-        <Typo.p textType="heading__component">
-          {t(
-            PageText.Contact.travelGuarantee.agreement.travelGuaranteeExceptions
-              .label,
-          )}
-        </Typo.p>
+        <div>
+          <Typo.p textType="heading__component">
+            {t(
+              PageText.Contact.travelGuarantee.agreement
+                .travelGuaranteeExceptions.label,
+            )}
+          </Typo.p>
 
-        <ul className={style.rules__list}>
-          {PageText.Contact.travelGuarantee.agreement.travelGuaranteeExceptions.exceptions.map(
-            (exception, index) => (
-              <li key={index}>
-                <Typo.p textType="body__primary">{t(exception.text)}</Typo.p>
-                {exception.examples.length > 0 && (
-                  <ul className={style.rules__list}>
-                    {exception.examples.map(
-                      (example: TranslatedString, exampleIndex: number) => (
-                        <li key={exampleIndex}>
-                          <Typo.p textType="body__primary">{t(example)}</Typo.p>
-                        </li>
-                      ),
-                    )}
-                  </ul>
-                )}
-              </li>
-            ),
-          )}
-        </ul>
+          <ul className={style.rules__list}>
+            {PageText.Contact.travelGuarantee.agreement.travelGuaranteeExceptions.exceptions.map(
+              (exception, index) => (
+                <li key={index}>
+                  <Typo.p textType="body__primary">{t(exception.text)}</Typo.p>
+                  {exception.examples.length > 0 && (
+                    <ul className={style.rules__list}>
+                      {exception.examples.map(
+                        (example: TranslatedString, exampleIndex: number) => (
+                          <li key={exampleIndex}>
+                            <Typo.p textType="body__primary">
+                              {t(example)}
+                            </Typo.p>
+                          </li>
+                        ),
+                      )}
+                    </ul>
+                  )}
+                </li>
+              ),
+            )}
+          </ul>
+        </div>
 
         <Typo.p textType="body__primary">
           {t(