diff --git a/src/app/(pages)/thanks-for-subscribing/client_page.tsx b/src/app/(pages)/thanks-for-subscribing/client_page.tsx
index a55d6ba13..727a865c5 100644
--- a/src/app/(pages)/thanks-for-subscribing/client_page.tsx
+++ b/src/app/(pages)/thanks-for-subscribing/client_page.tsx
@@ -7,8 +7,8 @@ import { LargeBody } from '@components/LargeBody/index.js'
 export const ThanksForSubscribingPage = () => {
   return (
     <Gutter>
-      <div className={['grid'].filter(Boolean).join(' ')}>
-        <div className={['cols-12'].filter(Boolean).join(' ')}>
+      <div className={['grid top-margin'].filter(Boolean).join(' ')}>
+        <div className={['cols-8'].filter(Boolean).join(' ')}>
           <h1>Subscribed</h1>
           <LargeBody>
             Thank you for subscribing. You will now receive regular Payload updates to your email.
diff --git a/src/css/app.scss b/src/css/app.scss
index ae92d0b16..2b48ff959 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -306,4 +306,12 @@ dialog {
 
 .visually-hidden {
   @include visually-hidden;
-}
\ No newline at end of file
+}
+
+.top-margin {
+  margin-top: 5rem;
+  
+  @include small-break {
+    margin-top: 3rem;
+  }
+}