From dc603b76a49243a68e36efe2b36f985d6cfba015 Mon Sep 17 00:00:00 2001
From: Nick O'Leary <nick.oleary@gmail.com>
Date: Tue, 20 Jul 2021 11:02:24 +0100
Subject: [PATCH] Fix focus outline overlap in button-groups Fixes #3070

---
 .../node_modules/@node-red/editor-client/src/sass/mixins.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/node_modules/@node-red/editor-client/src/sass/mixins.scss b/packages/node_modules/@node-red/editor-client/src/sass/mixins.scss
index dda9ef384..9214ea37b 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/mixins.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/mixins.scss
@@ -99,6 +99,9 @@
         border-bottom-left-radius: 0;
         border-bottom-right-radius: 0;
     }
+    .button-group &:focus {
+        position: relative;
+    }
 
     .button-row &:not(:first-child) {
         margin-left: 15px;
@@ -106,6 +109,7 @@
 
     &:focus {
         outline: 1px solid $workspace-button-color-focus-outline;
+        outline-offset: 1px;
     }
 
     &.primary {