From 955a74a8134631972e5a4c23bc072eca64dbbcf9 Mon Sep 17 00:00:00 2001
From: Alessio Venturini
 <112873190+alessioventuriniAND@users.noreply.github.com>
Date: Wed, 17 Apr 2024 13:16:40 +0100
Subject: [PATCH] Fixed misalignment of circle inside radio input (#3147)

* fixed misalignment of circle inside radio input

* removed focus selector
---
 src/components/radios/_radio.scss | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/components/radios/_radio.scss b/src/components/radios/_radio.scss
index da8bd46ab3..996f379f4d 100644
--- a/src/components/radios/_radio.scss
+++ b/src/components/radios/_radio.scss
@@ -9,15 +9,10 @@
     box-shadow: inset 0 0 0 3px var(--ons-color-input-bg);
 
     &::after {
+      display: none;
+    }
+    &:checked {
       background-color: var(--ons-color-input-border);
-      border-radius: 50%;
-      border-width: 0;
-      height: 12px;
-      left: 50%;
-      margin-left: -6px;
-      margin-top: -6px;
-      top: 50%;
-      width: 12px;
     }
   }