diff --git a/packages/design-system/src/atoms/info/Info.tsx b/packages/design-system/src/atoms/info/Info.tsx
index cfb1f9740f..e7ab937ec3 100644
--- a/packages/design-system/src/atoms/info/Info.tsx
+++ b/packages/design-system/src/atoms/info/Info.tsx
@@ -16,7 +16,7 @@ export default function Info({
       <Tooltip
         arrow={false}
         content={description}
-        className="bg-white text-black dark:text-white shadow absolute z-5 w-max"
+        className="!bg-white !text-gray-500 !dark:text-white shadow absolute z-5 w-max"
         placement={placement}
       >
         <img src={iIcon} alt={`${name} info`} />