fix: safari image flexing issue in onboarding frontend (#26180)

Co-authored-by: Surbhi Jhavar <[email protected]>
PostHog · Nov 14, 2024 · 399e07c · 399e07c
1 parent 9b91189
commit 399e07c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths--light.png b/frontend/__snapshots__/scenes-app-insights--user-paths--light.png
diff --git a/frontend/src/scenes/onboarding/OnboardingBillingStep.tsx b/frontend/src/scenes/onboarding/OnboardingBillingStep.tsx
@@ -65,15 +65,15 @@ export const OnboardingBillingStep = ({
                     {product.subscribed && (
                         <div className="mb-8">
                             <div className="bg-success-highlight rounded p-6 flex justify-between items-center">
-                                <div className="flex gap-x-4">
-                                    <IconCheckCircle className="text-success text-3xl mb-6" />
-                                    <div>
+                                <div className="flex gap-x-4 min-w-0">
+                                    <IconCheckCircle className="text-success text-3xl mb-6 flex-shrink-0" />
+                                    <div className="flex-1 min-w-0">
                                         <h3 className="text-lg font-bold mb-1 text-left">{action} successful</h3>
                                         <p className="mx-0 mb-0">You're all ready to use {product.name}.</p>
                                     </div>
                                 </div>
-                                <div className="h-20">
-                                    <StarHog className="h-full w-full" />
+                                <div className="h-20 w-20 flex-shrink-0">
+                                    <StarHog className="h-full w-full object-contain" />
                                 </div>
                             </div>
                             <LemonButton