diff --git a/apps/web/src/app/billing/organizations/change-plan.component.html b/apps/web/src/app/billing/organizations/change-plan.component.html
index b9a15be5ea7..a25dde4fd30 100644
--- a/apps/web/src/app/billing/organizations/change-plan.component.html
+++ b/apps/web/src/app/billing/organizations/change-plan.component.html
@@ -1,10 +1,18 @@
-<div class="card card-org-plans">
-  <div class="card-body">
-    <button type="button" class="close" appA11yTitle="{{ 'cancel' | i18n }}" (click)="cancel()">
-      <span aria-hidden="true">&times;</span>
-    </button>
-    <h2 class="card-body-header">{{ "changeBillingPlan" | i18n }}</h2>
-    <p class="mb-0">{{ "changeBillingPlanUpgrade" | i18n }}</p>
+<div
+  class="tw-relative tw-flex tw-flex-col tw-min-w-0 tw-rounded tw-border tw-border-solid tw-border-secondary-300"
+>
+  <div class="tw-flex-auto tw-p-5">
+    <button
+      bitIconButton="bwi-close"
+      buttonType="main"
+      type="button"
+      size="small"
+      class="tw-float-right"
+      appA11yTitle="{{ 'cancel' | i18n }}"
+      (click)="cancel()"
+    ></button>
+    <h2 bitTypography="h2">{{ "changeBillingPlan" | i18n }}</h2>
+    <p bitTypography="body1" class="tw-mb-0">{{ "changeBillingPlanUpgrade" | i18n }}</p>
     <app-organization-plans
       [showFree]="false"
       [showCancel]="true"