From 5aa265bc301d652a925da0451042b390697024ee Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Mon, 22 Aug 2022 12:10:18 -0400
Subject: [PATCH] Fleet UI: Fix Safari button focus state

---
 changes/issue-6833-remove-weird-focus-side-panel-button     | 1 +
 frontend/components/side_panels/QuerySidePanel/_styles.scss | 4 ++++
 2 files changed, 5 insertions(+)
 create mode 100644 changes/issue-6833-remove-weird-focus-side-panel-button

diff --git a/changes/issue-6833-remove-weird-focus-side-panel-button b/changes/issue-6833-remove-weird-focus-side-panel-button
new file mode 100644
index 0000000000..e5bd8ef7dc
--- /dev/null
+++ b/changes/issue-6833-remove-weird-focus-side-panel-button
@@ -0,0 +1 @@
+* Clean up Safari focus on side panel button
\ No newline at end of file
diff --git a/frontend/components/side_panels/QuerySidePanel/_styles.scss b/frontend/components/side_panels/QuerySidePanel/_styles.scss
index 6d2a32e04c..54848d24a2 100644
--- a/frontend/components/side_panels/QuerySidePanel/_styles.scss
+++ b/frontend/components/side_panels/QuerySidePanel/_styles.scss
@@ -20,6 +20,10 @@
     img {
       transform: scale(0.5);
     }
+
+    &:focus {
+      outline: none;
+    }
   }
 
   &__header {