chore: ui fixes for unsubscribe modal reasons (#24163)

Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>
PostHog · Aug 2, 2024 · a1bf07c · a1bf07c
1 parent e3539d8
commit a1bf07c
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 4 deletions.
diff --git a/frontend/__snapshots__/scenes-other-billing--billing-unsubscribe-modal--dark.png b/frontend/__snapshots__/scenes-other-billing--billing-unsubscribe-modal--dark.png
diff --git a/frontend/__snapshots__/scenes-other-billing--billing-unsubscribe-modal--light.png b/frontend/__snapshots__/scenes-other-billing--billing-unsubscribe-modal--light.png
diff --git a/...hots__/scenes-other-billing--billing-unsubscribe-modal-data-pipelines--dark.png b/...hots__/scenes-other-billing--billing-unsubscribe-modal-data-pipelines--dark.png
diff --git a/...ots__/scenes-other-billing--billing-unsubscribe-modal-data-pipelines--light.png b/...ots__/scenes-other-billing--billing-unsubscribe-modal-data-pipelines--light.png
diff --git a/frontend/src/scenes/billing/UnsubscribeSurveyModal.tsx b/frontend/src/scenes/billing/UnsubscribeSurveyModal.tsx
@@ -17,7 +17,7 @@ const UNSUBSCRIBE_REASONS = [
     'Poor customer support',
     'Too difficult to use',
     'Not enough hedgehogs',
-    'Other',
+    'Other (let us know below!)',
 ]
 
 export const UnsubscribeSurveyModal = ({
@@ -92,9 +92,11 @@ export const UnsubscribeSurveyModal = ({
                     </LemonBanner>
                 )}
                 {isAddonProduct ? (
-                    <p>We're sorry to see you go! Please note, you'll lose access to the addon features immediately.</p>
+                    <p className="mb-0">
+                        We're sorry to see you go! Please note, you'll lose access to the addon features immediately.
+                    </p>
                 ) : (
-                    <p>
+                    <p className="mb-0">
                         We're sorry to see you go! Please note, you'll lose access to platform features and usage limits
                         will apply immediately. And if you have any outstanding invoices, they will be billed
                         immediately.{' '}
@@ -108,7 +110,7 @@ export const UnsubscribeSurveyModal = ({
                     {billing?.subscription_level === 'paid'
                         ? `Why are you ${actionVerb}?`
                         : `Why are you ${actionVerb} from ${product.name}?`}{' '}
-                    (select multiple)
+                    <i className="text-muted">(you can select multiple)</i>
                 </LemonLabel>
                 <div className="grid grid-cols-2 gap-2">
                     {UNSUBSCRIBE_REASONS.map((reason) => (