From 1817eafe77574965543bcce8d2f1262dd86c582c Mon Sep 17 00:00:00 2001
From: Darcy Ye <darcyye@silverhand.io>
Date: Mon, 19 Aug 2024 11:35:39 +0800
Subject: [PATCH] chore(console): update add on tag CSS (#6459)

---
 packages/console/src/components/FeatureTag/index.module.scss | 4 ++++
 packages/console/src/components/FeatureTag/index.tsx         | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/console/src/components/FeatureTag/index.module.scss b/packages/console/src/components/FeatureTag/index.module.scss
index 392720f54..39cc19a61 100644
--- a/packages/console/src/components/FeatureTag/index.module.scss
+++ b/packages/console/src/components/FeatureTag/index.module.scss
@@ -14,4 +14,8 @@
 
 .beta {
   background-color: var(--color-specific-tag-test);
+
+  &.addOn {
+    text-transform: none;
+  }
 }
diff --git a/packages/console/src/components/FeatureTag/index.tsx b/packages/console/src/components/FeatureTag/index.tsx
index 9454ce9b9..2bc583d8c 100644
--- a/packages/console/src/components/FeatureTag/index.tsx
+++ b/packages/console/src/components/FeatureTag/index.tsx
@@ -85,7 +85,9 @@ export function CombinedAddOnAndFeatureTag(props: CombinedAddOnAndFeatureTagProp
 
   // Show the "Add-on" tag for Pro plan when dev features enabled.
   if (hasAddOnTag && isDevFeaturesEnabled && isCloud && planId === ReservedPlanId.Pro) {
-    return <div className={classNames(styles.tag, styles.beta, className)}>Add-on</div>;
+    return (
+      <div className={classNames(styles.tag, styles.beta, styles.addOn, className)}>Add-on</div>
+    );
   }
 
   if (paywall && isCloud) {