From c464d344db803fde3d5428b7a7ba66d4feb8befe Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Tue, 1 Apr 2025 12:11:13 +0200
Subject: [PATCH] Add ellipsis for more info breadcrumb (#24882)

---
 src/dialogs/more-info/ha-more-info-dialog.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/dialogs/more-info/ha-more-info-dialog.ts b/src/dialogs/more-info/ha-more-info-dialog.ts
index 05fd468616..c8a1c34437 100644
--- a/src/dialogs/more-info/ha-more-info-dialog.ts
+++ b/src/dialogs/more-info/ha-more-info-dialog.ts
@@ -694,9 +694,14 @@ export class MoreInfoDialog extends LitElement {
           background: none;
           border: none;
           outline: none;
-          display: inline-flex;
+          display: inline;
           border-radius: 6px;
           transition: background-color 180ms ease-in-out;
+          min-width: 0;
+          max-width: 100%;
+          text-overflow: ellipsis;
+          overflow: hidden;
+          text-align: left;
         }
 
         .title button.breadcrumb {