diff --git a/resources/js/components/form-dialog.tsx b/resources/js/components/form-dialog.tsx
index faf6e35..1069f38 100644
--- a/resources/js/components/form-dialog.tsx
+++ b/resources/js/components/form-dialog.tsx
@@ -9,6 +9,7 @@ import {
     DialogHeader,
     DialogTitle,
 } from '@/components/ui/dialog';
+import { cn } from '@/lib/utils';
 
 type FormDialogProps = {
     open: boolean;
@@ -44,23 +45,29 @@ export function FormDialog({
 }: FormDialogProps) {
     return (
         <Dialog open={open} onOpenChange={onOpenChange}>
-            <DialogContent className={contentClassName}>
+            <DialogContent
+                className={cn(
+                    'flex max-h-[85vh] flex-col overflow-hidden',
+                    contentClassName,
+                )}
+            >
                 <Form
                     action={action}
                     resetOnSuccess={resetOnSuccess}
                     onSuccess={onSuccess}
+                    className="flex min-h-0 flex-1 flex-col"
                 >
                     {({ errors, processing }) => (
                         <>
-                            <DialogHeader>
+                            <DialogHeader className="shrink-0">
                                 <DialogTitle>{title}</DialogTitle>
                             </DialogHeader>
-                            <div className="grid gap-4 py-4">
+                            <div className="grid flex-1 gap-4 overflow-y-auto py-4">
                                 {typeof children === 'function'
                                     ? children({ errors, processing })
                                     : children}
                             </div>
-                            <DialogFooter>
+                            <DialogFooter className="shrink-0">
                                 <Button
                                     type="button"
                                     variant="outline"