diff --git a/src/Components/Gaming/Modal.tsx b/src/Components/Gaming/Modal.tsx
index bcc34a3b..9056b1b8 100644
--- a/src/Components/Gaming/Modal.tsx
+++ b/src/Components/Gaming/Modal.tsx
@@ -7,8 +7,8 @@ export function Modal({children}) {
         <>
 
             {/* You can open the modal using ID.showModal() method */}
-            <dialog id="my_modal_3" className="tw-modal tw-transition-all tw-duration-300 tw-mt-2 tw-mb-2 tw-max-h-[calc(100%-1rem)]">
-                <form method="dialog" className="tw-modal-box tw-transition-none tw-max-h-[calc(100%-2rem)]">
+            <dialog id="my_modal_3" className="tw-modal tw-transition-all tw-duration-300">
+                <form method="dialog" className="tw-modal-box tw-transition-none">
                     <button className="tw-btn tw-btn-sm tw-btn-circle tw-btn-ghost tw-absolute tw-right-2 tw-top-2">✕</button>
                     {children}
                 </form>
diff --git a/src/index.css b/src/index.css
index 748d8a1a..957d3ba4 100644
--- a/src/index.css
+++ b/src/index.css
@@ -15,7 +15,7 @@
 }
 
 .tw-modal-box {
-  max-height: calc(100vh - 2em);
+  max-height: calc(100dvh - 2em);
 }
 
 .Toastify__toast {