From 20029cc76cfe8dedfd904100abd0b3f2f1b2fe35 Mon Sep 17 00:00:00 2001
From: Gen Tamura <gen.tamura84@gmail.com>
Date: Tue, 17 Dec 2024 12:40:17 +0900
Subject: [PATCH] Update styles

---
 app/(main)/settings/team/agent-usage-dialog.tsx | 2 +-
 app/(main)/settings/team/agent-usage-table.tsx  | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/(main)/settings/team/agent-usage-dialog.tsx b/app/(main)/settings/team/agent-usage-dialog.tsx
index 377f0e76..e8832d68 100644
--- a/app/(main)/settings/team/agent-usage-dialog.tsx
+++ b/app/(main)/settings/team/agent-usage-dialog.tsx
@@ -18,7 +18,7 @@ export function AgentUsageDialog({ activities }: AgentUsageDialogProps) {
 			<DialogTrigger asChild>
 				<Button variant="link">View all logs</Button>
 			</DialogTrigger>
-			<DialogContent className="max-w-6xl">
+			<DialogContent className="max-w-7xl">
 				<DialogHeader>
 					<DialogTitle>Agent Usage Logs</DialogTitle>
 				</DialogHeader>
diff --git a/app/(main)/settings/team/agent-usage-table.tsx b/app/(main)/settings/team/agent-usage-table.tsx
index d3321d4b..51a55dcd 100644
--- a/app/(main)/settings/team/agent-usage-table.tsx
+++ b/app/(main)/settings/team/agent-usage-table.tsx
@@ -33,7 +33,9 @@ export function AgentUsageTable({
 								key={`${activity.agentId}-${activity.startTime}`}
 								className="grid grid-cols-4 gap-4 p-4 items-center text-zinc-200"
 							>
-								<div>{activity.agentName ?? activity.agentId}</div>
+								<div className="break-words max-w-xs">
+									{activity.agentName ?? activity.agentId}
+								</div>
 								<div className="text-zinc-400">
 									<LocalDateTime date={new Date(activity.startTime)} />
 								</div>