chore: set min height in release template dialog

frontend/src/component/feature/FeatureView/FeatureOverview/ReleasePlan/ReleasePlanReviewDialog.tsx

@@ -19,10 +19,17 @@ import CloseIcon from '@mui/icons-material/Close';
 const StyledDialog = styled(Dialog)(({ theme }) => ({
     '& .MuiDialog-paper': {
         borderRadius: theme.shape.borderRadiusLarge,
-        width: theme.breakpoints.values.md,
     },
 }));
 
+const StyledScrollableContent = styled(Box)(({ theme }) => ({
+    width: theme.breakpoints.values.md,
+    minHeight: '318px',
+    overflowY: 'auto',
+    display: 'flex',
+    flexDirection: 'column',
+}));
+
 const StyledHeader = styled(Box)(({ theme }) => ({
     display: 'flex',
     justifyContent: 'space-between',
@@ -104,14 +111,18 @@ export const ReleasePlanReviewDialog = ({
                     Go back
                 </Button>
             </StyledSubHeader>
+            <StyledScrollableContent>
                 {activeReleasePlan && (
                     <Box sx={{ px: 4, pb: 2 }}>
                         <Alert severity='error'>
                             This feature environment currently has{' '}
                             <strong>{activeReleasePlan.name}</strong> -{' '}
-                        <strong>{activeReleasePlan.milestones[0].name}</strong>
-                        {environmentEnabled ? ' running' : ' paused'}. Adding a
-                        new release plan will replace the existing release plan.
+                            <strong>
+                                {activeReleasePlan.milestones[0].name}
+                            </strong>
+                            {environmentEnabled ? ' running' : ' paused'}.
+                            Adding a new release plan will replace the existing
+                            release plan.
                         </Alert>
                     </Box>
                 )}
@@ -128,6 +139,7 @@ export const ReleasePlanReviewDialog = ({
                         </Typography>
                     </Box>
                 )}
+            </StyledScrollableContent>
             <StyledDialogActions>
                 <Button variant='contained' color='primary' onClick={onConfirm}>
                     {crProtected ? 'Add suggestion to draft' : 'Apply template'}