From 287a9615b8b01b4a8ab1a2b20223a0085b34119f Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Mon, 13 Jul 2026 22:38:26 +0100
Subject: [PATCH] Improved color display.

---
 assets/stylesheets/App.css                         | 1 +
 src/components/Dashboard/common/ObjectProperty.jsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

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}>