From 9db35835e53831bb8c64906c6612da938ac47d9a Mon Sep 17 00:00:00 2001
From: "grafana-delivery-bot[bot]"
 <132647405+grafana-delivery-bot[bot]@users.noreply.github.com>
Date: Fri, 3 May 2024 16:44:12 +0300
Subject: [PATCH] [v11.0.x] Datatrails: Fix overflow of labels (#87313)

Datatrails: Fix overflow of labels (#87301)

Fix overflow of labels

(cherry picked from commit 9fbca6c03574b86a6c5dac87252cd91f041d57af)

Co-authored-by: ismail simsek <ismailsimsek09@gmail.com>
---
 public/app/features/trails/DataTrailCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/app/features/trails/DataTrailCard.tsx b/public/app/features/trails/DataTrailCard.tsx
index a0e35dc8701..a9ed32ee9b6 100644
--- a/public/app/features/trails/DataTrailCard.tsx
+++ b/public/app/features/trails/DataTrailCard.tsx
@@ -32,7 +32,7 @@ export function DataTrailCard({ trail, onSelect, onDelete }: Props) {
     <Card onClick={onClick} className={styles.card}>
       <Card.Heading>{getMetricName(trail.state.metric)}</Card.Heading>
       <div className={styles.description}>
-        <Stack gap={1.5}>
+        <Stack gap={1.5} wrap="wrap">
           {filters.map((f) => (
             <Tag key={f.key} name={`${f.key}: ${f.value}`} colorIndex={12} />
           ))}