From d799b460bd7b0a1095fbc8e607c8a4953fcb0b37 Mon Sep 17 00:00:00 2001
From: Khiet Tam Nguyen <tamkhietnguyen1@gmail.com>
Date: Tue, 8 Jul 2025 20:08:26 +1000
Subject: [PATCH] fix(ui): adjust tablist item width for compose services

---
 .../project/[projectId]/services/compose/[composeId].tsx  | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/dokploy/pages/dashboard/project/[projectId]/services/compose/[composeId].tsx b/apps/dokploy/pages/dashboard/project/[projectId]/services/compose/[composeId].tsx
index 0870df097..957051429 100644
--- a/apps/dokploy/pages/dashboard/project/[projectId]/services/compose/[composeId].tsx
+++ b/apps/dokploy/pages/dashboard/project/[projectId]/services/compose/[composeId].tsx
@@ -214,12 +214,12 @@ const Service = (
 									<div className="flex flex-row items-center justify-between w-full gap-4 overflow-x-scroll">
 										<TabsList
 											className={cn(
-												"xl:grid xl:w-fit max-md:overflow-y-scroll justify-start",
+												"flex gap-8 justify-start max-xl:overflow-x-scroll overflow-y-hidden",
 												isCloud && data?.serverId
-													? "xl:grid-cols-10"
+													? "md:grid-cols-7"
 													: data?.serverId
-														? "xl:grid-cols-9"
-														: "xl:grid-cols-10",
+														? "md:grid-cols-6"
+														: "md:grid-cols-7",
 											)}
 										>
 											<TabsTrigger value="general">General</TabsTrigger>