diff --git a/packages/webawesome/src/styles/native.css b/packages/webawesome/src/styles/native.css index ef4742eb5..c57b6f03f 100644 --- a/packages/webawesome/src/styles/native.css +++ b/packages/webawesome/src/styles/native.css @@ -454,7 +454,7 @@ &::after { content: ''; background-color: var(--wa-color-text-quiet); - mask: url('data:image/svg+xml;utf8,') + mask: url('data:image/svg+xml;utf8,') center no-repeat; width: 1rem; height: 1rem; @@ -916,8 +916,8 @@ &:indeterminate::after { position: absolute; - width: 100%; - height: 100%; + width: round(calc(100% - var(--wa-form-control-border-width) * 2), 1px); + height: round(calc(100% - var(--wa-form-control-border-width) * 2), 1px); content: ''; @@ -927,7 +927,7 @@ } &:checked::after { - mask: url('data:image/svg+xml;utf8,') + mask: url('data:image/svg+xml;utf8,') center no-repeat; } @@ -940,7 +940,7 @@ /* Radio */ input[type='radio'] { --checked-icon-color: var(--wa-form-control-activated-color); - --checked-icon-scale: 0.75; + --checked-icon-scale: 0.7; color: transparent; @@ -1059,6 +1059,8 @@ select { --icon-caret: url('data:image/svg+xml;utf8,'); + --icon-caret: url('data:image/svg+xml;utf8,'); + appearance: none; position: relative;