From 9911146d8501078bfffe32d2a7b77ea7107b0906 Mon Sep 17 00:00:00 2001
From: Darcy Ye <darcyye@silverhand.io>
Date: Fri, 16 Aug 2024 18:55:37 +0800
Subject: [PATCH] chore(console): update add on tag CSS

---
 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 392720f544c..39cc19a616e 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 9454ce9b937..2bc583d8c23 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) {