Merge pull request #22974 from yu-kkurii/fix-radar-table-squish

Fix Tech Radar header cell getting squished and unreadable

.changeset/poor-beans-cross.md

@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-tech-radar': patch
+---
+
+Fixed an issue with the "moved in direction" table header cell getting squished and becoming unreadable if a timeline description is too long

plugins/tech-radar/src/components/RadarTimeline/RadarTimeline.tsx

@@ -47,7 +47,9 @@ const RadarTimeline = (props: Props): JSX.Element => {
         <Table aria-label="simple table">
           <TableHead>
             <TableRow>
-              <TableCell align="left">Moved in direction</TableCell>
+              <TableCell align="left" style={{ wordBreak: 'normal' }}>
+                Moved in direction
+              </TableCell>
               <TableCell align="left">Moved to ring</TableCell>
               <TableCell align="left">Moved on date</TableCell>
               <TableCell align="left">Description</TableCell>