diff --git a/src/__screenshot_tests__/__image_snapshots__/hero-screenshot-test-tsx-hero-brand-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/hero-screenshot-test-tsx-hero-brand-mobile-ios-1-snap.png
index 58c30fedb9..248073cf31 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/hero-screenshot-test-tsx-hero-brand-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/hero-screenshot-test-tsx-hero-brand-mobile-ios-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/hero-screenshot-test-tsx-hero-default-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/hero-screenshot-test-tsx-hero-default-mobile-ios-1-snap.png
index 659403d127..0faee8def5 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/hero-screenshot-test-tsx-hero-default-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/hero-screenshot-test-tsx-hero-default-mobile-ios-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/hero-screenshot-test-tsx-hero-no-vertical-padding-mobile-ios-1-snap.png b/src/__screenshot_tests__/__image_snapshots__/hero-screenshot-test-tsx-hero-no-vertical-padding-mobile-ios-1-snap.png
index 1e2dd80692..f7107b0811 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/hero-screenshot-test-tsx-hero-no-vertical-padding-mobile-ios-1-snap.png and b/src/__screenshot_tests__/__image_snapshots__/hero-screenshot-test-tsx-hero-no-vertical-padding-mobile-ios-1-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-responsive-layout-scenarios-screenshot-test-tsx-responsive-layout-scenarios-mobile-ios-2-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-responsive-layout-scenarios-screenshot-test-tsx-responsive-layout-scenarios-mobile-ios-2-snap.png
index fa4ade1c11..b524c39b74 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-responsive-layout-scenarios-screenshot-test-tsx-responsive-layout-scenarios-mobile-ios-2-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-responsive-layout-scenarios-screenshot-test-tsx-responsive-layout-scenarios-mobile-ios-2-snap.png differ
diff --git a/src/__screenshot_tests__/__image_snapshots__/private-responsive-layout-scenarios-screenshot-test-tsx-responsive-layout-scenarios-mobile-ios-3-snap.png b/src/__screenshot_tests__/__image_snapshots__/private-responsive-layout-scenarios-screenshot-test-tsx-responsive-layout-scenarios-mobile-ios-3-snap.png
index 0d6bf5d800..27149ac518 100644
Binary files a/src/__screenshot_tests__/__image_snapshots__/private-responsive-layout-scenarios-screenshot-test-tsx-responsive-layout-scenarios-mobile-ios-3-snap.png and b/src/__screenshot_tests__/__image_snapshots__/private-responsive-layout-scenarios-screenshot-test-tsx-responsive-layout-scenarios-mobile-ios-3-snap.png differ
diff --git a/src/hero.css.ts b/src/hero.css.ts
index 4146789350..3d94a9a388 100644
--- a/src/hero.css.ts
+++ b/src/hero.css.ts
@@ -39,7 +39,14 @@ export const containerDesktop = sprinkles({alignItems: 'center', height: '100%'}
 
 export const actions = style([
     sprinkles({display: 'flex', flex: 1, alignItems: 'flex-end'}),
-    {marginTop: 32},
+    {
+        marginTop: 24,
+        '@media': {
+            [mq.tabletOrBigger]: {
+                marginTop: 32,
+            },
+        },
+    },
 ]);
 
 export const layout = style({