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;