From a027d4d6599d011aff20bb1bf6fa22905d446592 Mon Sep 17 00:00:00 2001
From: Aditya Choudhari <aditya.choudhari@wandb.com>
Date: Thu, 31 Oct 2024 19:51:13 -0700
Subject: [PATCH] fix: Truncate long release names in releases table

---
 .../[deploymentSlug]/releases/DeploymentPageContent.tsx       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/webservice/src/app/[workspaceSlug]/systems/[systemSlug]/deployments/[deploymentSlug]/releases/DeploymentPageContent.tsx b/apps/webservice/src/app/[workspaceSlug]/systems/[systemSlug]/deployments/[deploymentSlug]/releases/DeploymentPageContent.tsx
index 3e4b1e09..700ecd80 100644
--- a/apps/webservice/src/app/[workspaceSlug]/systems/[systemSlug]/deployments/[deploymentSlug]/releases/DeploymentPageContent.tsx
+++ b/apps/webservice/src/app/[workspaceSlug]/systems/[systemSlug]/deployments/[deploymentSlug]/releases/DeploymentPageContent.tsx
@@ -177,10 +177,10 @@ export const DeploymentPageContent: React.FC<DeploymentPageContentProps> = ({
                       )}
                     >
                       <div className="flex items-center gap-2">
-                        {release.name}{" "}
+                        <span className="truncate">{release.name}</span>{" "}
                         <Badge
                           variant="secondary"
-                          className="text-xs hover:bg-secondary"
+                          className="flex-shrink-0 text-xs hover:bg-secondary"
                         >
                           {formatDistanceToNowStrict(release.createdAt, {
                             addSuffix: true,