diff --git a/src/common/ConfirmDialog.tsx b/src/common/ConfirmDialog.tsx
index c463059f1..c057e794f 100644
--- a/src/common/ConfirmDialog.tsx
+++ b/src/common/ConfirmDialog.tsx
@@ -38,6 +38,7 @@ export const ConfirmDialog = ({
       isOpen
       leastDestructiveRef={leastDestructiveRef}
       onClose={() => callback(false)}
+      preserveScrollBarGap={false}
     >
       <AlertDialogOverlay>
         <AlertDialogContent>
diff --git a/src/common/GenericDialog.tsx b/src/common/GenericDialog.tsx
index 0a9dd67d6..e1670b488 100644
--- a/src/common/GenericDialog.tsx
+++ b/src/common/GenericDialog.tsx
@@ -47,6 +47,7 @@ export const GenericDialog = ({
       size={size}
       returnFocusOnClose={returnFocusOnClose}
       finalFocusRef={finalFocusRef}
+      preserveScrollBarGap={false}
     >
       <ModalOverlay>
         <ModalContent minWidth="560px" my="auto">
diff --git a/src/common/InputDialog.tsx b/src/common/InputDialog.tsx
index b8f0742d7..1025b6a08 100644
--- a/src/common/InputDialog.tsx
+++ b/src/common/InputDialog.tsx
@@ -73,7 +73,7 @@ export const InputDialog = <T,>({
   };
 
   return (
-    <Modal isOpen onClose={onCancel} size={size} finalFocusRef={finalFocusRef}>
+    <Modal isOpen onClose={onCancel} size={size} finalFocusRef={finalFocusRef} preserveScrollBarGap={false}>
       <ModalOverlay>
         <ModalContent>
           <ModalHeader>
diff --git a/src/common/ProgressDialog.tsx b/src/common/ProgressDialog.tsx
index b81bc6248..c50c003d3 100644
--- a/src/common/ProgressDialog.tsx
+++ b/src/common/ProgressDialog.tsx
@@ -42,6 +42,7 @@ const ProgressDialog = ({
       onClose={doNothing}
       isCentered
       size={body ? "xl" : "md"}
+      preserveScrollBarGap={false}
     >
       <ModalOverlay />
       <ModalContent>
diff --git a/src/serial/SerialHelp.tsx b/src/serial/SerialHelp.tsx
index 0eb12aaef..252c460e0 100644
--- a/src/serial/SerialHelp.tsx
+++ b/src/serial/SerialHelp.tsx
@@ -44,6 +44,7 @@ export const SerialHelpDialog = ({
       onClose={onClose}
       size="lg"
       finalFocusRef={finalFocusRef}
+      preserveScrollBarGap={false}
     >
       <ModalOverlay>
         <ModalContent>
diff --git a/src/settings/LanguageDialog.tsx b/src/settings/LanguageDialog.tsx
index 289fe4bd3..e96be6ba3 100644
--- a/src/settings/LanguageDialog.tsx
+++ b/src/settings/LanguageDialog.tsx
@@ -56,6 +56,7 @@ export const LanguageDialog = ({
       onClose={onClose}
       size="xl"
       finalFocusRef={finalFocusRef}
+      preserveScrollBarGap={false}
     >
       <ModalOverlay>
         <ModalContent>
diff --git a/src/settings/SettingsDialog.tsx b/src/settings/SettingsDialog.tsx
index 4c964f097..3e8906223 100644
--- a/src/settings/SettingsDialog.tsx
+++ b/src/settings/SettingsDialog.tsx
@@ -35,6 +35,7 @@ export const SettingsDialog = ({
       onClose={onClose}
       size="lg"
       finalFocusRef={finalFocusRef}
+      preserveScrollBarGap={false}
     >
       <ModalOverlay>
         <ModalContent>
diff --git a/src/workbench/AboutDialog/AboutDialog.tsx b/src/workbench/AboutDialog/AboutDialog.tsx
index f23f7b7ca..ec2f1722a 100644
--- a/src/workbench/AboutDialog/AboutDialog.tsx
+++ b/src/workbench/AboutDialog/AboutDialog.tsx
@@ -82,6 +82,7 @@ const AboutDialog = ({ isOpen, onClose, finalFocusRef }: AboutDialogProps) => {
       onClose={onClose}
       size="4xl"
       finalFocusRef={finalFocusRef}
+      preserveScrollBarGap={false}
     >
       <ModalOverlay>
         <ModalContent>
diff --git a/src/workbench/FeedbackForm.tsx b/src/workbench/FeedbackForm.tsx
index 306aed715..7e2f292c1 100644
--- a/src/workbench/FeedbackForm.tsx
+++ b/src/workbench/FeedbackForm.tsx
@@ -47,6 +47,7 @@ const FeedbackForm = ({
       onClose={onClose}
       size="2xl"
       finalFocusRef={finalFocusRef}
+      preserveScrollBarGap={false}
     >
       <ModalOverlay>
         <ModalContent>
diff --git a/src/workbench/SideBarHeader.tsx b/src/workbench/SideBarHeader.tsx
index 772890e79..64335d74a 100644
--- a/src/workbench/SideBarHeader.tsx
+++ b/src/workbench/SideBarHeader.tsx
@@ -143,6 +143,7 @@ const SideBarHeader = ({
           isOpen={searchModal.isOpen}
           onClose={handleModalClosed}
           size="lg"
+          preserveScrollBarGap={false}
         >
           <ModalOverlay>
             <ModalContent
diff --git a/src/workbench/WelcomeDialog.tsx b/src/workbench/WelcomeDialog.tsx
index 233da33f7..db40a98b4 100644
--- a/src/workbench/WelcomeDialog.tsx
+++ b/src/workbench/WelcomeDialog.tsx
@@ -40,6 +40,7 @@ const WelcomeDialog = ({ youtubeId, isOpen, onClose }: WelcomeDialogProps) => {
       onClose={onClose}
       size="2xl"
       scrollBehavior="outside"
+      preserveScrollBarGap={false}
     >
       <ModalOverlay>
         <ModalContent>