diff --git a/packages/frontend-2/components/billing/Alert.vue b/packages/frontend-2/components/billing/Alert.vue
new file mode 100644
index 0000000000..e656738890
--- /dev/null
+++ b/packages/frontend-2/components/billing/Alert.vue
@@ -0,0 +1,102 @@
+
+ {{ description }}
- {{ item.label }}
- x
- £{{ item.cost }}
-
- £{{ item.count * item.cost }} / month
- Total
- £{{ workspaceCost.subTotal }} / month
- {{ title }}
+
-
-
-
-
diff --git a/packages/frontend-2/components/settings/workspaces/Billing.vue b/packages/frontend-2/components/settings/workspaces/Billing.vue
index c16588d264..f81b1b2721 100644
--- a/packages/frontend-2/components/settings/workspaces/Billing.vue
+++ b/packages/frontend-2/components/settings/workspaces/Billing.vue
@@ -3,22 +3,28 @@
+
{{ isTrialPeriod ? 'Trial plan' : 'Current plan' }}
+
£{{ seatPrice }} per seat/month, billed - {{ subscription?.billingInterval }} + {{ + subscription?.billingInterval === BillingInterval.Yearly + ? 'yearly' + : 'monthly' + }}
- {{ subscription?.billingInterval }} + + {{ + subscription?.billingInterval === BillingInterval.Yearly + ? 'Yearly' + : 'Monthly' + }} + billing period