From 6fd66dd690678dfb3f59c3ae560817ecfd1c1bb6 Mon Sep 17 00:00:00 2001
From: kay delaney <45561153+kaydelaney@users.noreply.github.com>
Date: Thu, 5 Jun 2025 14:41:43 +0100
Subject: [PATCH] VersionHistoryTable: Fix overflow issue with long notes
 (#106284)

---
 .../settings/version-history/VersionHistoryTable.tsx     | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/public/app/features/dashboard-scene/settings/version-history/VersionHistoryTable.tsx b/public/app/features/dashboard-scene/settings/version-history/VersionHistoryTable.tsx
index e8a189d6813..078e3557fab 100644
--- a/public/app/features/dashboard-scene/settings/version-history/VersionHistoryTable.tsx
+++ b/public/app/features/dashboard-scene/settings/version-history/VersionHistoryTable.tsx
@@ -1,4 +1,4 @@
-import { css } from '@emotion/css';
+import { css, cx } from '@emotion/css';
 import * as React from 'react';
 
 import { GrafanaTheme2 } from '@grafana/data';
@@ -22,7 +22,7 @@ export const VersionHistoryTable = ({ versions, canCompare, onCheck, onRestore }
   const { t } = useTranslate();
   return (
     <div className={styles.margin}>
-      <table className="filter-table">
+      <table className={cx('filter-table', styles.table)}>
         <thead>
           <tr>
             <th className="width-4"></th>
@@ -106,5 +106,10 @@ function getStyles(theme: GrafanaTheme2) {
     margin: css({
       marginBottom: theme.spacing(4),
     }),
+    table: css({
+      td: {
+        whiteSpace: 'normal !important',
+      },
+    }),
   };
 }