diff --git a/packages/shared/components/icon-button/IconButton.tsx b/packages/shared/components/icon-button/IconButton.tsx
index 018d31f7a2..90fa472833 100644
--- a/packages/shared/components/icon-button/IconButton.tsx
+++ b/packages/shared/components/icon-button/IconButton.tsx
@@ -64,7 +64,7 @@ const IconButton = ({
   const [currentIconName, setCurrentIconName] = React.useState(iconName);
   const [currentIconColor, setCurrentIconColor] = React.useState<
     string | undefined
-  >(iconName);
+  >(color);
 
   const onMouseEnterAction = (e: React.MouseEvent) => {
     if (isDisabled) return;