diff --git a/src/examples/ask-a-user-for-direct-deposit-information.tsx b/src/examples/ask-a-user-for-direct-deposit-information.tsx
index 0faf09f91..f10e0701f 100644
--- a/src/examples/ask-a-user-for-direct-deposit-information.tsx
+++ b/src/examples/ask-a-user-for-direct-deposit-information.tsx
@@ -139,7 +139,7 @@ export const AskAUserForDirectDepositInformation = () => {
         </GoabFormItem>
       </form>
 
-      <GoabDetails heading="Where can I find this information on a personal cheque?" mt="l">
+      <GoabDetails heading="Where can I find this information on a personal cheque?" mt="xl">
         <p>
           Below is an example of where you can find the required bank information on a personal
           cheque.
diff --git a/src/examples/show-a-list-to-help-answer-a-question.tsx b/src/examples/show-a-list-to-help-answer-a-question.tsx
index d7bff981f..30678c393 100644
--- a/src/examples/show-a-list-to-help-answer-a-question.tsx
+++ b/src/examples/show-a-list-to-help-answer-a-question.tsx
@@ -51,7 +51,7 @@ export const ShowAListToHelpAnswerAQuestion = () => {
         </GoabRadioGroup>
       </GoabFormItem>
 
-        <GoabDetails heading="What is considered an additional education expense?">
+        <GoabDetails heading="What is considered an additional education expense?" mt="xl">
         <GoabBlock gap="m" mt="m">
           <div>
             <strong>Examples of education expenses</strong>