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;
+  }
 }