From ec12811f7252a281159b02cf43ff77956c97286b Mon Sep 17 00:00:00 2001
From: Ciaran McGhie <ciaran@softbrew.io>
Date: Wed, 21 Jun 2023 19:13:19 +0100
Subject: [PATCH] fix(ui-toolkit): visual fixes for healthbar - % and text
 colours (#4156)

---
 libs/ui-toolkit/package.json                           | 2 +-
 libs/ui-toolkit/src/components/healthbar/healthbar.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/libs/ui-toolkit/package.json b/libs/ui-toolkit/package.json
index c1ff2b802..c601eac1f 100644
--- a/libs/ui-toolkit/package.json
+++ b/libs/ui-toolkit/package.json
@@ -1,4 +1,4 @@
 {
   "name": "@vegaprotocol/ui-toolkit",
-  "version": "0.12.4"
+  "version": "0.12.5"
 }
diff --git a/libs/ui-toolkit/src/components/healthbar/healthbar.tsx b/libs/ui-toolkit/src/components/healthbar/healthbar.tsx
index 2c1d17686..6ac590b35 100644
--- a/libs/ui-toolkit/src/components/healthbar/healthbar.tsx
+++ b/libs/ui-toolkit/src/components/healthbar/healthbar.tsx
@@ -82,12 +82,12 @@ const Level = ({
     : '-';
 
   const tooltipContent = (
-    <>
+    <div className="text-vega-dark-100 dark:text-vega-light-200">
       <div className="mt-1.5 inline-flex">
         <Indicator variant={intent} />
       </div>
       <span>
-        {formattedFee}% {t('Fee')}
+        {formattedFee} {t('Fee')}
       </span>
       <div className="flex  flex-col">
         <span>
@@ -95,7 +95,7 @@ const Level = ({
           {addDecimalsFormatNumber(commitmentAmount, decimals)}
         </span>
       </div>
-    </>
+    </div>
   );
 
   return (