diff --git a/apps/web/src/app/billing/individual/user-subscription.component.html b/apps/web/src/app/billing/individual/user-subscription.component.html
index 307f170f116..f060d29b377 100644
--- a/apps/web/src/app/billing/individual/user-subscription.component.html
+++ b/apps/web/src/app/billing/individual/user-subscription.component.html
@@ -40,13 +40,13 @@
       </div>
       <div class="tw-flex tw-flex-col">
         <div class="tw-font-semibold tw-mb-2">{{ "status" | i18n }}</div>
-        <div>
+        <div class="tw-flex tw-items-center tw-gap-2 tw-flex-wrap">
           <span class="tw-capitalize">{{ (subscription && subscriptionStatus) || "-" }}</span>
           <span
             bitBadge
             variant="warning"
             *ngIf="subscriptionMarkedForCancel"
-            class="tw-mt-2 tw-block"
+            class="tw-inline-flex"
             >{{ "pendingCancellation" | i18n }}</span
           >
         </div>