Merge branch 'main' into oscark/fix-link-overflowing-on-small-viewport

public/app/features/dashboard-scene/scene/DashboardControls.tsx

@@ -254,6 +254,7 @@ function getStyles(theme: GrafanaTheme2) {
         opacity: 1,
         filter: 'unset',
       },
+      display: 'inline-block',
     }),
     controlsPanelEdit: css({
       flexWrap: 'wrap-reverse',

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>
@@ -64,6 +65,11 @@ function getStyles(theme: GrafanaTheme2) {
       alignItems: 'center',
       verticalAlign: 'middle',
       marginBottom: theme.spacing(1),
+      marginRight: theme.spacing(1),
+      maxWidth: '100%',
+    }),
+    linkButton: css({
+      maxWidth: '100%',
     }),
   };
 }