fix: changed how radio buttons are displayed

ONSdigital · Jun 1, 2023 · c7e038c · c7e038c
1 parent 6e6a34d
commit c7e038c
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/src/components/radios/_radio.scss b/src/components/radios/_radio.scss
@@ -9,13 +9,15 @@
     box-shadow: inset 0 0 0 3px var(--ons-color-input-bg);
 
     &::after {
-      border-color: var(--ons-color-input-border);
+      background-color: var(--ons-color-input-border);
       border-radius: 50%;
-      border-width: 6px;
-      height: 0;
-      left: 3px;
-      top: 3px;
-      width: 0;
+      border-width: 0;
+      height: 12px;
+      left: 50%;
+      margin-left: -6px;
+      margin-top: -6px;
+      top: 50%;
+      width: 12px;
     }
   }