From 9b9d4de620ae988145c92333fea94d822d811a82 Mon Sep 17 00:00:00 2001
From: SaelixCode <dev@saelix.com>
Date: Thu, 26 Feb 2026 11:07:03 -0500
Subject: [PATCH] feat: enhance container badge display with tooltip for status
 details

---
 frontend/src/components/EditorLayout.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/EditorLayout.tsx b/frontend/src/components/EditorLayout.tsx
index 044bad8b..7baa250e 100644
--- a/frontend/src/components/EditorLayout.tsx
+++ b/frontend/src/components/EditorLayout.tsx
@@ -713,9 +713,11 @@ export default function EditorLayout() {
                                       <TooltipProvider>
                                         <Tooltip>
                                           <TooltipTrigger asChild>
-                                            <Badge variant={getContainerBadge(container).variant} className="text-xs cursor-help">
-                                              {getContainerBadge(container).text || 'unknown'}
-                                            </Badge>
+                                            <div className="cursor-help inline-flex">
+                                              <Badge variant={getContainerBadge(container).variant} className="text-xs">
+                                                {getContainerBadge(container).text || 'unknown'}
+                                              </Badge>
+                                            </div>
                                           </TooltipTrigger>
                                           <TooltipContent>
                                             <p>{container?.Status || 'No status details available'}</p>