From 4ac2df016042bff90654c321b47f205734512044 Mon Sep 17 00:00:00 2001
From: Oliver Byford <oliver.byford@digital.cabinet-office.gov.uk>
Date: Mon, 18 Mar 2019 14:53:09 +0000
Subject: [PATCH] Use border for small radio buttons

This means that they display correctly when colours are overridden in the browser.
---
 src/components/radios/_radios.scss | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/radios/_radios.scss b/src/components/radios/_radios.scss
index 84246786df..8333e035ae 100644
--- a/src/components/radios/_radios.scss
+++ b/src/components/radios/_radios.scss
@@ -96,6 +96,9 @@
   }
 
   //  •  Radio button
+  //
+  // We create the 'button' entirely out of 'border' so that they remain
+  // 'filled' even when colours are overridden in the browser.
   .govuk-radios__label::after {
     content: "";
 
@@ -274,9 +277,7 @@
     .govuk-radios__label::after {
       top: 14px;
       left: 6px;
-      width: 10px;
-      height: 10px;
-      border-width: 1px;
+      border-width: 6px;
     }
 
     // Fix position of hint with small radios