diff --git a/libs/components/ui/src/button/IconButton.tsx b/libs/components/ui/src/button/IconButton.tsx
index 9e4dd087bb..77e1f08a6e 100644
--- a/libs/components/ui/src/button/IconButton.tsx
+++ b/libs/components/ui/src/button/IconButton.tsx
@@ -36,7 +36,7 @@ interface IconButtonProps {
     style?: CSSProperties;
     className?: string;
     size?: SizeType;
-    hoverColor?: CSSProperties['backgroundColor'];
+    hoverColor?: string;
 }
 
 export const IconButton: FC<PropsWithChildren<IconButtonProps>> = ({
@@ -60,7 +60,7 @@ export const IconButton: FC<PropsWithChildren<IconButtonProps>> = ({
 
 const Container = styled('button')<{
     size?: SizeType;
-    hoverColor?: CSSProperties['backgroundColor'];
+    hoverColor?: string;
 }>(({ theme, size = SIZE_MIDDLE, hoverColor }) => {
     const { iconSize, areaSize } = SIZE_CONFIG[size];