diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css
index 542c9b4..75a46eb 100644
--- a/assets/stylesheets/App.css
+++ b/assets/stylesheets/App.css
@@ -41,6 +41,7 @@
 .ant-steps-icon,
 .ant-color-picker-presets-label,
 .ant-select-selection-item,
+.ant-color-picker-trigger-text,
 [class*=' ant-radio'] {
   font-family: 'DM Sans';
 }
diff --git a/src/components/Dashboard/common/ObjectProperty.jsx b/src/components/Dashboard/common/ObjectProperty.jsx
index 7d5cc5e..3a6ba35 100644
--- a/src/components/Dashboard/common/ObjectProperty.jsx
+++ b/src/components/Dashboard/common/ObjectProperty.jsx
@@ -269,7 +269,7 @@ const ObjectProperty = ({
         }
         case 'color': {
           if (value) {
-            return <Badge color={value} text={value} />
+            return <Badge color={value} count={value.toUpperCase()} />
           } else {
             return (
               <Text type='secondary' {...textParams}>