From 807d448f68d8e78f745dbb9d9a6dbcf67136e8bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonas=20H=C3=B6benreich?=
 <64426524+jonas-hoebenreich@users.noreply.github.com>
Date: Sat, 12 Oct 2024 07:44:38 +0200
Subject: [PATCH] fix: username overflow issue (#3501)

---
 .../[environmentId]/surveys/components/SurveyCard.tsx     | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/app/(app)/environments/[environmentId]/surveys/components/SurveyCard.tsx b/apps/web/app/(app)/environments/[environmentId]/surveys/components/SurveyCard.tsx
index 2a96f58d80..7414635785 100644
--- a/apps/web/app/(app)/environments/[environmentId]/surveys/components/SurveyCard.tsx
+++ b/apps/web/app/(app)/environments/[environmentId]/surveys/components/SurveyCard.tsx
@@ -89,20 +89,20 @@ export const SurveyCard = ({
         )}>
         <SurveyStatusIndicator status={survey.status} /> {surveyStatusLabel}{" "}
       </div>
-      <div className="col-span-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm text-slate-600">
+      <div className="col-span-1 max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm text-slate-600">
         {survey.responseCount}
       </div>
       <div className="col-span-1 flex justify-between">
         <SurveyTypeIndicator type={survey.type} />
       </div>
 
-      <div className="col-span-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm text-slate-600">
+      <div className="col-span-1 max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm text-slate-600">
         {convertDateString(survey.createdAt.toString())}
       </div>
-      <div className="col-span-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm text-slate-600">
+      <div className="col-span-1 max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm text-slate-600">
         {timeSince(survey.updatedAt.toString())}
       </div>
-      <div className="col-span-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm text-slate-600">
+      <div className="col-span-1 max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm text-slate-600">
         {survey.creator ? survey.creator.name : "-"}
       </div>
       <div className="col-span-1 place-self-end">