diff --git a/apps/app/components/issues/view-select/due-date.tsx b/apps/app/components/issues/view-select/due-date.tsx
index 0aa2ea816..60fa8c718 100644
--- a/apps/app/components/issues/view-select/due-date.tsx
+++ b/apps/app/components/issues/view-select/due-date.tsx
@@ -22,7 +22,7 @@ export const ViewDueDateSelect: React.FC<Props> = ({ issue, partialUpdateIssue,
   return (
     <Tooltip tooltipHeading="Due Date" tooltipContent={issue.target_date ?? "N/A"}>
       <div
-        className={`group relative ${
+        className={`group relative max-w-[6.5rem] ${
           issue.target_date === null
             ? ""
             : issue.target_date < new Date().toISOString()