From 2071a4561b79466b1317038df47bef6f42512222 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Wed, 15 Oct 2025 14:42:35 +0000
Subject: [PATCH] Fix: Add scrolling to edit modals

---
 src/components/moderation/SubmissionReviewManager.tsx | 4 ++--
 src/components/versioning/FieldHistoryDialog.tsx      | 2 +-
 src/components/versioning/VersionComparisonDialog.tsx | 2 +-
 src/components/versioning/VersionIndicator.tsx        | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/moderation/SubmissionReviewManager.tsx b/src/components/moderation/SubmissionReviewManager.tsx
index ad748987..7f8ccb78 100644
--- a/src/components/moderation/SubmissionReviewManager.tsx
+++ b/src/components/moderation/SubmissionReviewManager.tsx
@@ -438,7 +438,7 @@ export function SubmissionReviewManager({
     <>
       <Container open={open} onOpenChange={onOpenChange}>
         {isMobile ? (
-          <SheetContent side="bottom" className="h-[90vh]">
+          <SheetContent side="bottom" className="h-[90vh] overflow-y-auto">
             <SheetHeader>
               <SheetTitle>Review Submission</SheetTitle>
               <SheetDescription>
@@ -448,7 +448,7 @@ export function SubmissionReviewManager({
             <ReviewContent />
           </SheetContent>
         ) : (
-          <DialogContent className="max-w-5xl max-h-[90vh]">
+          <DialogContent className="max-w-5xl max-h-[90vh] overflow-y-auto">
             <DialogHeader>
               <DialogTitle>Review Submission</DialogTitle>
               <DialogDescription>
diff --git a/src/components/versioning/FieldHistoryDialog.tsx b/src/components/versioning/FieldHistoryDialog.tsx
index f0161118..8710c640 100644
--- a/src/components/versioning/FieldHistoryDialog.tsx
+++ b/src/components/versioning/FieldHistoryDialog.tsx
@@ -139,7 +139,7 @@ export function FieldHistoryDialog({
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-3xl max-h-[80vh]">
+      <DialogContent className="max-w-3xl max-h-[80vh] overflow-y-auto">
         <DialogHeader>
           <DialogTitle>Field History: {formatFieldName(fieldName)}</DialogTitle>
         </DialogHeader>
diff --git a/src/components/versioning/VersionComparisonDialog.tsx b/src/components/versioning/VersionComparisonDialog.tsx
index 75bb74eb..12125bb4 100644
--- a/src/components/versioning/VersionComparisonDialog.tsx
+++ b/src/components/versioning/VersionComparisonDialog.tsx
@@ -59,7 +59,7 @@ export function VersionComparisonDialog({
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-4xl max-h-[80vh]">
+      <DialogContent className="max-w-4xl max-h-[80vh] overflow-y-auto">
         <DialogHeader>
           <DialogTitle>Compare Versions</DialogTitle>
           <div className="flex items-center gap-4 text-sm text-muted-foreground mt-2">
diff --git a/src/components/versioning/VersionIndicator.tsx b/src/components/versioning/VersionIndicator.tsx
index 95b16dc8..fc919795 100644
--- a/src/components/versioning/VersionIndicator.tsx
+++ b/src/components/versioning/VersionIndicator.tsx
@@ -47,7 +47,7 @@ export function VersionIndicator({
         </Button>
 
         <Dialog open={showHistory} onOpenChange={setShowHistory}>
-          <DialogContent className="max-w-4xl max-h-[80vh]">
+          <DialogContent className="max-w-4xl max-h-[80vh] overflow-y-auto">
             <DialogHeader>
               <DialogTitle>Version History: {entityName}</DialogTitle>
             </DialogHeader>
@@ -84,7 +84,7 @@ export function VersionIndicator({
       </div>
 
       <Dialog open={showHistory} onOpenChange={setShowHistory}>
-        <DialogContent className="max-w-4xl max-h-[80vh]">
+        <DialogContent className="max-w-4xl max-h-[80vh] overflow-y-auto">
           <DialogHeader>
             <DialogTitle>Version History: {entityName}</DialogTitle>
           </DialogHeader>