Fix icon button colors

src/components/shared/styled.ts

@@ -188,7 +188,7 @@ export const StyledIconButton = styled(IconButton)`
       ? `${props.theme.colors.primary}`
       : props.appearance === 'subtle' || props.appearance === 'link'
       ? undefined
-      : `${props.theme.colors.button.default.background}`};
+      : `${props.theme.colors.button.default.background}`} !important;
   color: ${(props) =>
     props.appearance === 'primary'
       ? `${props.theme.colors.button.primary.color}`
@@ -196,7 +196,7 @@ export const StyledIconButton = styled(IconButton)`
       ? `${props.theme.colors.button.subtle.color}`
       : props.appearance === 'link'
       ? undefined
-      : `${props.theme.colors.button.default.color}`};
+      : `${props.theme.colors.button.default.color}`} !important;
 
   filter: ${(props) => (props.disabled || props.loading ? 'brightness(0.7)' : 'none')};
   transition: 0.5s;