From 76f23902b5090b5669482891e7cc2bd68fa77111 Mon Sep 17 00:00:00 2001
From: Stephon Brown <sbrown@livefront.com>
Date: Mon, 6 Oct 2025 11:21:58 -0400
Subject: [PATCH] fix(billing): Update upgrade account component spacing

---
 .../upgrade-account/upgrade-account.component.html   | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/app/billing/individual/upgrade/upgrade-account/upgrade-account.component.html b/apps/web/src/app/billing/individual/upgrade/upgrade-account/upgrade-account.component.html
index 8414eb1e6f1..960e8f1349f 100644
--- a/apps/web/src/app/billing/individual/upgrade/upgrade-account/upgrade-account.component.html
+++ b/apps/web/src/app/billing/individual/upgrade/upgrade-account/upgrade-account.component.html
@@ -1,10 +1,10 @@
 @if (!loading()) {
   <section
-    class="tw-bg-background tw-rounded-xl tw-shadow-lg tw-max-w-4xl tw-w-[870px]"
+    class="tw-bg-background tw-rounded-xl tw-shadow-lg tw-max-w-5xl tw-min-w-[332px] tw-w-[870px] tw-border-secondary-100 tw-border-solid tw-border"
     cdkTrapFocus
     cdkTrapFocusAutoCapture
   >
-    <header class="tw-flex tw-items-center tw-justify-end tw-p-4">
+    <header class="tw-flex tw-items-center tw-justify-end tw-pl-6 tw-pt-3 tw-pr-2">
       <button
         type="button"
         bitIconButton="bwi-close"
@@ -14,12 +14,12 @@
         (click)="closeClicked.emit(closeStatus)"
       ></button>
     </header>
-    <div class="tw-px-14 tw-pb-20">
-      <div class="tw-flex tw-text-center tw-flex-col">
-        <h1 bitTypography="h1" class="tw-font-semibold">
+    <div class="tw-px-14 tw-pb-8">
+      <div class="tw-flex tw-text-center tw-flex-col tw-pb-4">
+        <h1 class="tw-font-semibold tw-text-[32px]">
           {{ "individualUpgradeWelcomeMessage" | i18n }}
         </h1>
-        <p bitTypography="body1" class="tw-text-muted tw-mb-8">
+        <p bitTypography="body1" class="tw-text-muted">
           {{ "individualUpgradeDescriptionMessage" | i18n }}
         </p>
       </div>