diff --git a/apps/desktop/src/renderer/components/Paywall/components/FeaturePreview/FeaturePreview.tsx b/apps/desktop/src/renderer/components/Paywall/components/FeaturePreview/FeaturePreview.tsx
index 3184d93e276..5ba497acbdc 100644
--- a/apps/desktop/src/renderer/components/Paywall/components/FeaturePreview/FeaturePreview.tsx
+++ b/apps/desktop/src/renderer/components/Paywall/components/FeaturePreview/FeaturePreview.tsx
@@ -58,7 +58,7 @@ export function FeaturePreview({ selectedFeature }: FeaturePreviewProps) {
PRO
{selectedFeature.comingSoon && (
- Coming Soon
+ (Coming Soon)
)}
diff --git a/apps/desktop/src/renderer/components/Paywall/components/FeatureSidebar/FeatureSidebar.tsx b/apps/desktop/src/renderer/components/Paywall/components/FeatureSidebar/FeatureSidebar.tsx
index ea59e7c6043..4a1199f62a7 100644
--- a/apps/desktop/src/renderer/components/Paywall/components/FeatureSidebar/FeatureSidebar.tsx
+++ b/apps/desktop/src/renderer/components/Paywall/components/FeatureSidebar/FeatureSidebar.tsx
@@ -85,8 +85,8 @@ function FeatureButton({ feature, isSelected, onSelect }: FeatureButtonProps) {
{feature.title}
{feature.comingSoon && (
-
- Coming Soon
+
+ (Coming Soon)
)}
diff --git a/apps/desktop/src/renderer/routes/_authenticated/settings/billing/plans/page.tsx b/apps/desktop/src/renderer/routes/_authenticated/settings/billing/plans/page.tsx
index 2cc19bb0043..910e88100af 100644
--- a/apps/desktop/src/renderer/routes/_authenticated/settings/billing/plans/page.tsx
+++ b/apps/desktop/src/renderer/routes/_authenticated/settings/billing/plans/page.tsx
@@ -48,6 +48,7 @@ type ComparisonValue = string | boolean | null;
type ComparisonRow = {
label: string;
values: ComparisonValue[];
+ comingSoon?: boolean;
};
type ComparisonSection = {
@@ -136,10 +137,12 @@ const COMPARISON_SECTIONS: ComparisonSection[] = [
{
label: "Cloud workspaces",
values: [null, true, true],
+ comingSoon: true,
},
{
label: "Mobile app",
values: [null, true, true],
+ comingSoon: true,
},
{
label: "Linear integration",
@@ -332,7 +335,7 @@ function PlansPage() {
const highlightColumnIndex = 1;
const highlightColumnStart = highlightColumnIndex + 2;
- const gridColumnsClass = "grid grid-cols-[180px_repeat(3,_1fr)]";
+ const gridColumnsClass = "grid grid-cols-[240px_repeat(3,_1fr)]";
return (
@@ -524,8 +527,13 @@ function PlansPage() {
return (
-
+
{row.label}
+ {row.comingSoon && (
+
+ (Coming Soon)
+
+ )}
{row.values.map((value, valueIndex) => (