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) {