fix: unneeded horizontal scrolling on Onboarding pages (#27134)

PostHog · Jan 2, 2025 · 926499c · 926499c
1 parent 6a1f516
commit 926499c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/frontend/src/scenes/onboarding/OnboardingProductIntroduction.tsx b/frontend/src/scenes/onboarding/OnboardingProductIntroduction.tsx
@@ -195,7 +195,7 @@ export function OnboardingProductIntroduction({ stepKey }: { stepKey: Onboarding
     return (
         <OnboardingStep title="Product Intro" stepKey={stepKey} continueOverride={<></>} hideHeader>
             {billingProduct ? (
-                <div className="unsubscribed-product-landing-page -m-6 -mt-8">
+                <div className="unsubscribed-product-landing-page -m-scene-padding -mt-8">
                     <header className="bg-primary-alt-highlight border-b border-t border-border flex justify-center p-8">
                         <div className="grid md:grid-cols-2 items-center gap-8 w-full max-w-screen-xl">
                             <div className="">

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -82,6 +82,7 @@ const config = {
                 // All whole number values divisible by 20 up to 200 ensured above
                 248: '62rem',
                 300: '75rem',
+                'scene-padding': 'var(--scene-padding)',
             },
             rotate: {
                 270: '270deg',