From 1f1d2695571967e37437446582032fffee2cbe69 Mon Sep 17 00:00:00 2001
From: Avinash Dwarapu <dwaraa@amazon.com>
Date: Thu, 9 Jan 2025 11:33:10 +0100
Subject: [PATCH] fix: Fix code editor becoming hidden when the group is
 focused (#3174)

---
 src/code-editor/styles.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/code-editor/styles.scss b/src/code-editor/styles.scss
index 2c4f6a1bf9..842f5613d5 100644
--- a/src/code-editor/styles.scss
+++ b/src/code-editor/styles.scss
@@ -27,9 +27,13 @@
   inset: 0;
 
   &:focus {
-    position: absolute;
-    overflow: visible;
     @include styles.focus-highlight(3px);
+    // Required to avoid SASS mixed declarations warning (https://sass-lang.com/d/mixed-decls)
+    // stylelint-disable-next-line no-duplicate-selectors
+    & {
+      position: absolute;
+      overflow: visible;
+    }
   }
 }