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; }