diff --git a/src/lib/components/billing/planComparisonBox.svelte b/src/lib/components/billing/planComparisonBox.svelte
index e9bb289ca..5e8e30185 100644
--- a/src/lib/components/billing/planComparisonBox.svelte
+++ b/src/lib/components/billing/planComparisonBox.svelte
@@ -109,9 +109,8 @@
Everything in the Pro plan, plus:
- Unlimited seats
- - Organization roles Coming soon
+ - Organization roles Coming soon
- SOC-2, HIPAA compliance
- - SSO Coming soon
- SSO Coming soon
- Priority support
@@ -137,43 +136,8 @@
border: 1px solid hsl(var(--color-neutral-85));
}
- .future-badge {
- --base-0: 0px;
- --base-2: 2px;
- --base-4: 4px;
- --base-6: 6px;
- --neutral-700: #56565c;
- --neutral-900: #19191c;
- --color-bgcolor-neutral-invert: var(--neutral-900);
- --color-fgcolor-neutral-secondary: var(--neutral-700);
- --color-overlay-on-neutral: #0000000f;
- --p-badge-padding-block: var(--base-2);
- --p-badge-padding-inline: var(--base-6);
-
- display: inline-flex;
- padding-block: var(--p-badge-padding-block);
- padding-inline: var(--p-badge-padding-inline);
- justify-content: center;
- align-items: center;
- border-radius: var(--base-6);
-
- color: var(--p-badge-color);
- background-color: var(--p-badge-background-color);
-
- font-style: normal;
- font-weight: 500;
+ .inline-tag {
line-height: 140%;
- &.small {
- --p-badge-padding-block: var(--base-0);
- --p-badge-padding-inline: var(--base-4);
- }
- &.primary {
- --p-badge-color: var(--color-fgcolor-on-invert);
- --p-badge-background-color: var(--color-bgcolor-neutral-invert);
- }
- &.secondary {
- --p-badge-color: var(--color-fgcolor-neutral-secondary);
- --p-badge-background-color: var(--color-overlay-on-neutral);
- }
+ font-weight: 500;
}