Merge pull request #2666 from ONSdigital/bugfix/2652/radio-buttons-mi…

…saligned-when-zooming fix: changed how radio buttons are displayed
ONSdigital · Jun 5, 2023 · 685ee32 · 685ee32
2 parents 6e6a34d + c7e038c
commit 685ee32
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;
     }
   }