diff --git a/src/components/Button/src/Button.vue b/src/components/Button/src/Button.vue
index 034b4e357..392611958 100644
--- a/src/components/Button/src/Button.vue
+++ b/src/components/Button/src/Button.vue
@@ -75,7 +75,7 @@ function setColorVariables(tokens, variant) {
 	const hoverStateAdjust = 0.08;
 	const activeStateAdjust = 0.16;
 	const focusAlphaAdjust = 0.3;
-	const colorHover = tokens.colorHover
+	const colorHover = tokens.colorHover && variant === 'fill'
 		? tokens.colorHover : colorMainHover[stateAdjustment](hoverStateAdjust).toHex();
 	const colorActive = colorMainHover[stateAdjustment](activeStateAdjust).toHex();
 	const colorFocus = colorMainHover.alpha(focusAlphaAdjust).toHex();
diff --git a/src/components/Icon/README.md b/src/components/Icon/README.md
index cb13ecaf7..cbb6d69fc 100644
--- a/src/components/Icon/README.md
+++ b/src/components/Icon/README.md
@@ -170,7 +170,7 @@ Themable props* can be configured via the [Theme](#/Theme) component using the k
 | pattern* | `string` | —                | `'info'`, `'warning'`, `'error'`, `'success'`, `'primary'`, any custom pattern defined within the theme | pattern defined in theme                                       |
 | name*    | `string` | `'info'`         | -                                                                                                       | name of icon, defined in theme                                 |
 | size     | `string` | `'small'`        | `'small'`, `'medium'`, `'large'`, `'xlarge'`, `'xxlarge'`                                               | size of icon, can be named value or any valid CSS width/height |
-| color*   | `string` | `'inherit'`      | -                                                                                                       | color of icon                                                  |
+| color*   | `string` | `'currentColor'` | -                                                                                                       | color of icon                                                  |
 | fill*    | `string` | `'currentColor'` | -                                                                                                       | fill of icon                                                   |