From a33c6bcce441c302e16fb017e85a2a76c01fb5f0 Mon Sep 17 00:00:00 2001
From: Mika Andrianarijaona <mika.andrianarijaona@busbud.com>
Date: Tue, 20 Jan 2026 11:51:50 +0100
Subject: [PATCH 1/2] fix: truncate project card title to avoid ellise shift

Fixes #3483
---
 apps/dokploy/components/dashboard/projects/show.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/dokploy/components/dashboard/projects/show.tsx b/apps/dokploy/components/dashboard/projects/show.tsx
index a618a20ac..c962053b3 100644
--- a/apps/dokploy/components/dashboard/projects/show.tsx
+++ b/apps/dokploy/components/dashboard/projects/show.tsx
@@ -419,7 +419,7 @@ export const ShowProjects = () => {
 															) : null}
 															<CardHeader>
 																<CardTitle className="flex items-center justify-between gap-2">
-																	<span className="flex flex-col gap-1.5">
+																	<span className="flex flex-col gap-1.5 truncate">
 																		<div className="flex items-center gap-2">
 																			<BookIcon className="size-4 text-muted-foreground" />
 																			<span className="text-base font-medium leading-none">

From 36f082f12ab7c0c7d9504a877c00a13bc56203ec Mon Sep 17 00:00:00 2001
From: Mika Andrianarijaona <mika.andrianarijaona@busbud.com>
Date: Tue, 20 Jan 2026 17:13:14 +0100
Subject: [PATCH 2/2] fix: replace truncate with break-all

---
 apps/dokploy/components/dashboard/projects/show.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/dokploy/components/dashboard/projects/show.tsx b/apps/dokploy/components/dashboard/projects/show.tsx
index c962053b3..51b0f170a 100644
--- a/apps/dokploy/components/dashboard/projects/show.tsx
+++ b/apps/dokploy/components/dashboard/projects/show.tsx
@@ -419,7 +419,7 @@ export const ShowProjects = () => {
 															) : null}
 															<CardHeader>
 																<CardTitle className="flex items-center justify-between gap-2">
-																	<span className="flex flex-col gap-1.5 truncate">
+																	<span className="flex flex-col gap-1.5 ">
 																		<div className="flex items-center gap-2">
 																			<BookIcon className="size-4 text-muted-foreground" />
 																			<span className="text-base font-medium leading-none">
@@ -427,7 +427,7 @@ export const ShowProjects = () => {
 																			</span>
 																		</div>
 
-																		<span className="text-sm font-medium text-muted-foreground">
+																		<span className="text-sm font-medium text-muted-foreground break-all">
 																			{project.description}
 																		</span>
 																	</span>