From ed1188ca5afc892e5b59b0418bbda63253b4b110 Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Sat, 19 Mar 2022 10:51:10 -0400
Subject: [PATCH] CSR-262: add thickened border styling on has-error buttons
 that get focused

---
 src/styles/common-error-styles.scss | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/styles/common-error-styles.scss b/src/styles/common-error-styles.scss
index 494c97c48..496055619 100644
--- a/src/styles/common-error-styles.scss
+++ b/src/styles/common-error-styles.scss
@@ -7,9 +7,12 @@
       box-shadow: 0 0 1px $red;
       border-radius: .5rem;
     }
+    input[type=checkbox]:focus + label,
+    input[type=radio]:focus + label {
+      box-shadow: 0 0 0 2.5px $red;
+    }
   }
-  input[type=checkbox]:focus + label,
-  input[type=radio]:focus + label,
+
   input[type=checkbox]:checked + label,
   input[type=radio]:checked + label {
     box-shadow: 0 0 0 2.5px transparent !important;