From 26857cf5000f08dacc04f420c11e6633999ff92e Mon Sep 17 00:00:00 2001
From: Julius Volz <julius.volz@gmail.com>
Date: Mon, 31 Mar 2025 19:20:28 +0200
Subject: [PATCH] Fix width for custom label badges in stacked layouts (#16362)

In stacked / flex layouts like on the service discovery page, elements get a
100% width unless you tell them to only be as wide as their contents.

Signed-off-by: Julius Volz <julius.volz@gmail.com>
---
 web/ui/mantine-ui/src/Badge.module.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web/ui/mantine-ui/src/Badge.module.css b/web/ui/mantine-ui/src/Badge.module.css
index 326f15877c..1667651d95 100644
--- a/web/ui/mantine-ui/src/Badge.module.css
+++ b/web/ui/mantine-ui/src/Badge.module.css
@@ -29,6 +29,7 @@
   height: calc(1.25rem * var(--mantine-scale));
   letter-spacing: calc(0.015625rem * var(--mantine-scale));
   white-space: nowrap;
+  width: fit-content;
 }
 
 .healthOk {