From f98e9885ef1f2b6d607295e247c40de14599f64a Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Mon, 19 Sep 2022 15:30:03 -0400
Subject: [PATCH] Fix side panel scroll issue (#7829)

---
 changes/bug-7818-fix-side-panel-tooltip-horizontal-scroll | 1 +
 frontend/components/SidePanelContent/_styles.scss         | 4 ++++
 2 files changed, 5 insertions(+)
 create mode 100644 changes/bug-7818-fix-side-panel-tooltip-horizontal-scroll

diff --git a/changes/bug-7818-fix-side-panel-tooltip-horizontal-scroll b/changes/bug-7818-fix-side-panel-tooltip-horizontal-scroll
new file mode 100644
index 0000000000..00494ef10a
--- /dev/null
+++ b/changes/bug-7818-fix-side-panel-tooltip-horizontal-scroll
@@ -0,0 +1 @@
+* Fix side panel tooltips to not be wider than side panel causing scroll bug
\ No newline at end of file
diff --git a/frontend/components/SidePanelContent/_styles.scss b/frontend/components/SidePanelContent/_styles.scss
index b19e9c19b2..4d9ed2e35a 100644
--- a/frontend/components/SidePanelContent/_styles.scss
+++ b/frontend/components/SidePanelContent/_styles.scss
@@ -7,4 +7,8 @@
   padding: $pad-xxlarge;
   // need relative positioning for a close icon that is on some sidebars have
   position: relative;
+
+  .component__tooltip-wrapper__tip-text {
+    max-width: 280px;
+  }
 }