From 9e5c42ad20b663847e8e21c7b94c18e8a0c550db Mon Sep 17 00:00:00 2001
From: Cee Chen <constance.chen@elastic.co>
Date: Wed, 10 Jan 2024 13:20:32 -0800
Subject: [PATCH] Fix Safari visual bug when dragging but not hovered directly
 over button

---
 src/components/resizable_container/resizable_button.styles.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/resizable_container/resizable_button.styles.ts b/src/components/resizable_container/resizable_button.styles.ts
index 6c574636719..560e09d140e 100644
--- a/src/components/resizable_container/resizable_button.styles.ts
+++ b/src/components/resizable_container/resizable_button.styles.ts
@@ -130,7 +130,8 @@ export const euiResizableButtonStyles = (euiThemeContext: UseEuiTheme) => {
 
         /* 1 */
         &:hover,
-        &:focus {
+        &:focus,
+        &:active {
           gap: 0;
         }