diff --git a/ui/src/app/sidebar/sidebar.tsx b/ui/src/app/sidebar/sidebar.tsx
index 98626900a681e..ee71af4013b29 100644
--- a/ui/src/app/sidebar/sidebar.tsx
+++ b/ui/src/app/sidebar/sidebar.tsx
@@ -34,6 +34,11 @@ export const Sidebar = (props: SidebarProps) => {
     const locationPath = context.history.location.pathname;
 
     const tooltipProps = {
+        onShow: (instance: any) => {
+            instance.set({
+                maxWidth: window.innerWidth - 590 > 0 ? 350 : window.innerWidth - 240
+            });
+        },
         placement: 'right',
         popperOptions: {
             modifiers: {