nit changes to referral embed (#20419)

apps/web/app/(use-page-wrapper)/refer/page.tsx

@@ -12,7 +12,9 @@ export default async function ReferralsPage() {
   return (
     <Shell withoutMain={true}>
       {IS_DUB_REFERRALS_ENABLED ? (
-        <DubReferralsPage />
+        <div className="-m-4 sm:-mt-6 md:-mt-4">
+          <DubReferralsPage />
+        </div>
       ) : (
         <div className="mx-auto max-w-4xl p-8 text-center">
           <h2 className="mb-4 text-xl font-semibold">{t("referral_program")}</h2>

apps/web/public/static/locales/en/common.json

@@ -3028,7 +3028,7 @@
   "inactive_team_plan": "Inactive team plan",
   "inactive_team_plan_description": "Your team plan is inactive. Check your subcription or reach out to customer support",
   "limited_access_trial_mode": "Limited access during trial. Feature available after trial ends.",
-  "earn_20_percent_affiliate": "20% Referral",
+  "earn_20_percent_affiliate": "Earn 20% Affiliate",
   "referral_program": "Referral Program",
   "dub_disabled_error_message": "You need a Dub API Key and Program Id to use this page.",
   "uid": "UID",

packages/ui/components/dialog/Dialog.tsx

@@ -133,7 +133,7 @@ export function DialogHeader(props: DialogHeaderProps) {
         {props.title}
       </h3>
       {props.subtitle && (
-        <p className="text-subtle text-sm leading-none" data-testid="dialog-subtitle">
+        <p className="text-subtle text-sm" data-testid="dialog-subtitle">
           {props.subtitle}
         </p>
       )}