diff --git a/packages/frontend/component/src/ui/button/button.tsx b/packages/frontend/component/src/ui/button/button.tsx
index f7250cb54..4a8ee8784 100644
--- a/packages/frontend/component/src/ui/button/button.tsx
+++ b/packages/frontend/component/src/ui/button/button.tsx
@@ -71,7 +71,7 @@ const ButtonIcon: FC<IconButtonProps> = props => {
     <div
       {...otherProps}
       className={clsx(buttonIcon, {
-        'color-white': type !== 'default' && type !== 'plain',
+        'color-white': type && type !== 'default' && type !== 'plain',
         large: size === 'large',
         extraLarge: size === 'extraLarge',
         end: iconPosition === 'end' && !onlyIcon,