diff --git a/apps/web/src/app/(authenticated)/usage/TaskModal.tsx b/apps/web/src/app/(authenticated)/usage/TaskModal.tsx
index cfcb42f735..4f07860a06 100644
--- a/apps/web/src/app/(authenticated)/usage/TaskModal.tsx
+++ b/apps/web/src/app/(authenticated)/usage/TaskModal.tsx
@@ -72,11 +72,18 @@ export const TaskModal = ({ task, open, onClose }: TaskModalProps) => {
   return (
     <Dialog open={open} onOpenChange={onClose}>
       <DialogContentFullScreen>
-        <TaskDetails
-          task={task}
-          messages={messages}
-          headerActions={headerActions}
-        />
+        <div className="fixed inset-0 p-8 md:p-16" onClick={onClose}>
+          <div
+            className="container mx-auto bg-background rounded-lg shadow-lg max-h-full overflow-hidden h-full"
+            onClick={(e) => e.stopPropagation()}
+          >
+            <TaskDetails
+              task={task}
+              messages={messages}
+              headerActions={headerActions}
+            />
+          </div>
+        </div>
       </DialogContentFullScreen>
     </Dialog>
   );