From d57169fcea47fb967a2d97780cf84c9ff2333f1f Mon Sep 17 00:00:00 2001
From: Matias Chomicki <matyax@gmail.com>
Date: Wed, 17 Sep 2025 11:48:57 +0200
Subject: [PATCH] LogLine: fix unwrapped unique labels

---
 .../logs/components/panel/LogLine.test.tsx    | 30 +++++++++++++++++++
 .../logs/components/panel/LogLine.tsx         |  2 +-
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/public/app/features/logs/components/panel/LogLine.test.tsx b/public/app/features/logs/components/panel/LogLine.test.tsx
index 5b765c49343..b79bf06e2e0 100644
--- a/public/app/features/logs/components/panel/LogLine.test.tsx
+++ b/public/app/features/logs/components/panel/LogLine.test.tsx
@@ -613,4 +613,34 @@ describe('getGridTemplateColumns', () => {
       )
     ).toBe('23px 4px 4px 20px');
   });
+
+  test('Gets the template columns with unique labels', () => {
+    expect(
+      getGridTemplateColumns(
+        [
+          {
+            field: 'timestamp',
+            width: 23,
+          },
+          {
+            field: 'level',
+            width: 4,
+          },
+          {
+            field: 'unique-labels',
+            width: 0,
+          },
+          {
+            field: 'field',
+            width: 4,
+          },
+          {
+            field: LOG_LINE_BODY_FIELD_NAME,
+            width: 20,
+          },
+        ],
+        ['field']
+      )
+    ).toBe('23px 4px max-content 4px 20px');
+  });
 });
diff --git a/public/app/features/logs/components/panel/LogLine.tsx b/public/app/features/logs/components/panel/LogLine.tsx
index 0b36530832e..62a19356407 100644
--- a/public/app/features/logs/components/panel/LogLine.tsx
+++ b/public/app/features/logs/components/panel/LogLine.tsx
@@ -451,7 +451,7 @@ const LogLineBody = ({ log, styles }: { log: LogListModel; styles: LogLineStyles
 
 export function getGridTemplateColumns(dimensions: LogFieldDimension[], displayedFields: string[]) {
   const columns = dimensions
-    .map((dimension) => (dimension.width > 0 ? `${dimension.width}px` : 'fit-content(50%)'))
+    .map((dimension) => (dimension.width > 0 ? `${dimension.width}px` : 'max-content'))
     .join(' ');
   const logLineWidth = displayedFields.length > 0 ? '' : ' 1fr';
   return `${columns}${logLineWidth}`;