From f3ed947a7c4dda3217298a25389b730dd6c1b2a2 Mon Sep 17 00:00:00 2001
From: LukeGus <bugattiguy527@gmail.com>
Date: Wed, 30 Sep 2026 23:56:20 -0500
Subject: [PATCH] fix: recent activity card no longer cuts off host names early

---
 src/ui/dashboard/DashboardTab.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/ui/dashboard/DashboardTab.tsx b/src/ui/dashboard/DashboardTab.tsx
index 992faa218..3777166cc 100644
--- a/src/ui/dashboard/DashboardTab.tsx
+++ b/src/ui/dashboard/DashboardTab.tsx
@@ -581,19 +581,21 @@ function RecentActivityCard({
                 const target = activityTarget(item.type);
                 if (host && target) onOpenTab(host, target.tab);
               }}
-              className="flex items-center justify-between px-4 py-2 border-b border-border last:border-0 hover:bg-muted/50 cursor-pointer"
+              className="flex items-center justify-between gap-3 px-4 py-2 border-b border-border last:border-0 hover:bg-muted/50 cursor-pointer"
             >
-              <div className="flex items-center gap-2">
+              <div className="flex items-center gap-2 min-w-0 flex-1">
                 <span
                   className={`size-1.5 rounded-full shrink-0 ${getStatusClasses(host?.online ?? false, statusScheme, "dot", statusLoading)}`}
                 />
-                <div className="flex flex-col">
-                  <span className="text-xs font-semibold truncate max-w-24">
+                <div className="flex flex-col min-w-0 flex-1">
+                  <span className="text-xs font-semibold truncate">
                     {item.hostName}
                   </span>
-                  <div className="flex items-center gap-1 text-muted-foreground">
+                  <div className="flex items-center gap-1 min-w-0 text-muted-foreground">
                     {typeIcon(item.type)}
-                    <span className="text-[10px]">{typeLabel(item.type)}</span>
+                    <span className="text-[10px] truncate">
+                      {typeLabel(item.type)}
+                    </span>
                   </div>
                 </div>
               </div>