adjust xl max-w

rajku-dev · Feb 7, 2025 · 19acd6f · 19acd6f
1 parent d3a0e99
commit 19acd6f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Patient/PatientDetailsTab/PatientUsers.tsx b/src/components/Patient/PatientDetailsTab/PatientUsers.tsx
@@ -266,7 +266,7 @@ export const PatientUsers = (props: PatientProps) => {
                 <div>
                   <h3 className="inline-flex">
                     <Tooltip>
-                      <TooltipTrigger className="text-sm font-medium text-gray-900 truncate max-w-32 sm:max-w-96 md:max-w-32 lg:max-w-28 xl:max-w-40">
+                      <TooltipTrigger className="text-sm font-medium text-gray-900 truncate max-w-32 sm:max-w-96 md:max-w-32 lg:max-w-28 xl:max-w-36">
                         {formatDisplayName(user)}
                       </TooltipTrigger>
                       <TooltipContent>
@@ -276,7 +276,7 @@ export const PatientUsers = (props: PatientProps) => {
                   </h3>
                   <p>
                     <Tooltip>
-                      <TooltipTrigger className="text-sm text-gray-500 truncate sm:max-w-96 md:max-w-32 lg:max-w-32 xl:max-w-40">
+                      <TooltipTrigger className="text-sm text-gray-500 truncate sm:max-w-96 md:max-w-32 lg:max-w-32 xl:max-w-36">
                         {user.username}
                       </TooltipTrigger>
                       <TooltipContent>