From 80f8c4cc10ed306625e33da257218dd06a73be76 Mon Sep 17 00:00:00 2001
From: oscarkilhed <oscar.kilhed@grafana.com>
Date: Mon, 8 Dec 2025 11:21:47 +0100
Subject: [PATCH] Stop text overflowing on small viewports

---
 eslint-suppressions.json                                     | 2 +-
 .../features/dashboard-scene/scene/DashboardLinkRenderer.tsx | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/eslint-suppressions.json b/eslint-suppressions.json
index f90a21cb7c5..96fa771540d 100644
--- a/eslint-suppressions.json
+++ b/eslint-suppressions.json
@@ -4677,4 +4677,4 @@
       "count": 1
     }
   }
-}
+}
\ No newline at end of file
diff --git a/public/app/features/dashboard-scene/scene/DashboardLinkRenderer.tsx b/public/app/features/dashboard-scene/scene/DashboardLinkRenderer.tsx
index e7bc346642b..da8d5ecd136 100644
--- a/public/app/features/dashboard-scene/scene/DashboardLinkRenderer.tsx
+++ b/public/app/features/dashboard-scene/scene/DashboardLinkRenderer.tsx
@@ -45,6 +45,7 @@ export function DashboardLinkRenderer({ link, dashboardUID, inMenu }: Props) {
       target={link.targetBlank ? '_blank' : undefined}
       rel="noreferrer"
       data-testid={selectors.components.DashboardLinks.link}
+      className={styles.linkButton}
     >
       {linkInfo.title}
     </DashboardLinkButton>
@@ -65,6 +66,10 @@ function getStyles(theme: GrafanaTheme2) {
       verticalAlign: 'middle',
       marginBottom: theme.spacing(1),
       marginRight: theme.spacing(1),
+      maxWidth: '100%',
+    }),
+    linkButton: css({
+      maxWidth: '100%',
     }),
   };
 }