From 6f806cb6f73b841f73a2c7cc384a714b51c1f8a5 Mon Sep 17 00:00:00 2001
From: Alex Spencer <52186778+alexjonspencer1@users.noreply.github.com>
Date: Tue, 6 May 2025 10:26:05 -0600
Subject: [PATCH] [release-12.0.1] TableNG: Align sparkline value correctly
 (#105013)

TableNG: Align sparkline value correctly (#104909)

fix: align sparkline value correctly


(cherry picked from commit 36dde3401c24f3b1003dbbfd5d746977e4d53001)

Co-authored-by: Adela Almasan <adela.almasan@grafana.com>
---
 .../src/components/Table/TableNG/Cells/SparklineCell.tsx      | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/grafana-ui/src/components/Table/TableNG/Cells/SparklineCell.tsx b/packages/grafana-ui/src/components/Table/TableNG/Cells/SparklineCell.tsx
index f020ad830d5..5913b2cb64d 100644
--- a/packages/grafana-ui/src/components/Table/TableNG/Cells/SparklineCell.tsx
+++ b/packages/grafana-ui/src/components/Table/TableNG/Cells/SparklineCell.tsx
@@ -101,6 +101,7 @@ export const SparklineCell = (props: SparklineCellProps) => {
           textAlign: 'right',
           marginRight: theme.spacing(1),
         }}
+        className={styles.valueContainer}
         value={displayValue}
       />
     );
@@ -157,4 +158,7 @@ const getStyles = (theme: GrafanaTheme2, justifyContent: Property.JustifyContent
     alignItems: 'center',
     justifyContent,
   }),
+  valueContainer: css({
+    div: { width: 'inherit' },
+  }),
 });