diff --git a/frontend/src/components/dialogs/tasks/RestoreLogsDialog.tsx b/frontend/src/components/dialogs/tasks/RestoreLogsDialog.tsx
index 864beda2..953fb6c0 100644
--- a/frontend/src/components/dialogs/tasks/RestoreLogsDialog.tsx
+++ b/frontend/src/components/dialogs/tasks/RestoreLogsDialog.tsx
@@ -175,7 +175,7 @@ export const RestoreLogsDialog = NiceModal.create<RestoreLogsDialogProps>(
                         aria-checked={worktreeResetOn}
                         onClick={() => setWorktreeResetOn((v) => !v)}
                       >
-                        <div className="text-xs text-muted-foreground">
+                        <div className="text-xs text-muted-foreground flex-1 min-w-0 break-words">
                           {worktreeResetOn ? 'Enabled' : 'Disabled'}
                         </div>
                         <div className="ml-auto relative inline-flex h-5 w-9 items-center rounded-full">
@@ -210,7 +210,7 @@ export const RestoreLogsDialog = NiceModal.create<RestoreLogsDialogProps>(
                               </span>
                             )}
                             {targetSubject && (
-                              <span className="text-muted-foreground break-words whitespace-normal">
+                              <span className="text-muted-foreground break-words flex-1 min-w-0 max-w-full">
                                 {targetSubject}
                               </span>
                             )}
@@ -275,7 +275,7 @@ export const RestoreLogsDialog = NiceModal.create<RestoreLogsDialogProps>(
                           });
                         }}
                       >
-                        <div className="text-xs text-muted-foreground">
+                        <div className="text-xs text-muted-foreground flex-1 min-w-0 break-words">
                           {forceReset
                             ? worktreeResetOn
                               ? 'Enabled'
@@ -312,7 +312,7 @@ export const RestoreLogsDialog = NiceModal.create<RestoreLogsDialogProps>(
                           });
                         }}
                       >
-                        <div className="text-xs font-medium text-destructive">
+                        <div className="text-xs font-medium text-destructive flex-1 min-w-0 break-words">
                           Force reset (discard uncommitted changes)
                         </div>
                         <div className="ml-auto relative inline-flex h-5 w-9 items-center rounded-full">
@@ -348,7 +348,7 @@ export const RestoreLogsDialog = NiceModal.create<RestoreLogsDialogProps>(
                               {short}
                             </span>
                             {targetSubject && (
-                              <span className="text-muted-foreground break-words whitespace-normal">
+                              <span className="text-muted-foreground break-words flex-1 min-w-0 max-w-full">
                                 {targetSubject}
                               </span>
                             )}
diff --git a/frontend/src/components/ui/dialog.tsx b/frontend/src/components/ui/dialog.tsx
index d80769db..f0740120 100644
--- a/frontend/src/components/ui/dialog.tsx
+++ b/frontend/src/components/ui/dialog.tsx
@@ -182,7 +182,7 @@ const DialogContent = React.forwardRef<
   HTMLDivElement,
   React.HTMLAttributes<HTMLDivElement>
 >(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn('grid gap-4', className)} {...props} />
+  <div ref={ref} className={cn('flex flex-col gap-4', className)} {...props} />
 ));
 DialogContent.displayName = 'DialogContent';