diff --git a/src/renderer/components/Experiment/Train/TrainingModalLoRA.tsx b/src/renderer/components/Experiment/Train/TrainingModalLoRA.tsx
index 81714b23ea77277366188fbc650f986b350ef6b7..9d4bb5c15d28e23ba51b12385089e53bc6bbd78b 100644
--- a/src/renderer/components/Experiment/Train/TrainingModalLoRA.tsx
+++ b/src/renderer/components/Experiment/Train/TrainingModalLoRA.tsx
@@ -224,12 +224,12 @@ export default function TrainingModalLoRA({
     <Modal open={open}>
       <ModalDialog
         sx={{
-          width: '70vw',
+          width: '90dvw',
           transform: 'translateX(-50%)', // This undoes the default translateY that centers vertically
-          top: '10vh',
+          top: '5dvh',
           overflow: 'auto',
-          maxHeight: '80vh',
-          minHeight: '70vh',
+          maxHeight: '90dvh',
+          minHeight: '70dvh',
           height: '100%',
         }}
       >
diff --git a/src/renderer/styles.css b/src/renderer/styles.css
index 2830c50e9f7a16eaf68723f318ed2df77e9695be..8aa48dbba42d6f78f20f6b5dbc90aa793d74a2ce 100644
--- a/src/renderer/styles.css
+++ b/src/renderer/styles.css
@@ -61,6 +61,16 @@ button.hoverEditButton {
   app-region: no-drag;
 }
 
+.MuiModal-backdrop {
+  --webkit-app-region: drag;
+  app-region: drag;
+}
+
+.MuiModalDialog-root {
+  --webkit-app-region: no-drag;
+  app-region: no-drag;
+}
+
 /* This is an unused style for a cool
 spinning gradient border effect */
 /*