diff --git a/packages/webawesome/src/styles/native.css b/packages/webawesome/src/styles/native.css
index 2631c0505..d530e62f3 100644
--- a/packages/webawesome/src/styles/native.css
+++ b/packages/webawesome/src/styles/native.css
@@ -874,7 +874,6 @@
input[type='radio'] {
appearance: none;
- position: relative;
flex: 0 0 auto;
align-items: center;
justify-content: center;
@@ -922,20 +921,17 @@
&:checked::after,
&:indeterminate::after {
- position: absolute;
-
- 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: '';
- background-color: currentColor;
-
+ width: var(--wa-form-control-toggle-size);
+ height: var(--wa-form-control-toggle-size);
scale: var(--checked-icon-scale);
+
+ background-color: currentColor;
}
&:checked::after {
- mask: url('data:image/svg+xml;utf8,')
+ mask: url('data:image/svg+xml;utf8,')
center no-repeat;
}