From 5f32f8ec216dce755aa7fffb62e8bc7b06441cea Mon Sep 17 00:00:00 2001
From: mithun522 <mithunmathi03@gmail.com>
Date: Thu, 28 Mar 2024 10:22:14 +0530
Subject: [PATCH] Fix #47967 modal rendering issue

---
 components/modal/Modal.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/components/modal/Modal.tsx b/components/modal/Modal.tsx
index ece95afb9482..7f0bc83d1b12 100644
--- a/components/modal/Modal.tsx
+++ b/components/modal/Modal.tsx
@@ -1,7 +1,7 @@
-import * as React from 'react';
 import CloseOutlined from '@ant-design/icons/CloseOutlined';
 import classNames from 'classnames';
 import Dialog from 'rc-dialog';
+import * as React from 'react';
 
 import useClosable from '../_util/hooks/useClosable';
 import { useZIndex } from '../_util/hooks/useZIndex';
@@ -144,6 +144,13 @@ const Modal: React.FC<ModalProps> = (props) => {
             maskTransitionName={getTransitionName(rootPrefixCls, 'fade', props.maskTransitionName)}
             className={classNames(hashId, className, modal?.className)}
             style={{ ...modal?.style, ...style }}
+            bodyStyle={{
+              maxHeight: 'calc(70vh - 60px)',
+              overflowY: 'auto',
+              paddingRight: 16,
+              scrollbarWidth: 'none',
+              msOverflowStyle: 'none',
+            }}
             classNames={{
               ...modal?.classNames,
               ...modalClassNames,