diff --git a/client/src/components/atoms/Modal.module.scss b/client/src/components/atoms/Modal.module.scss
index 313ed8a..82a6b9a 100644
--- a/client/src/components/atoms/Modal.module.scss
+++ b/client/src/components/atoms/Modal.module.scss
@@ -1,5 +1,10 @@
 @import '../../styles/variables';
 
+// prevent background scrolling
+:global(.ReactModal__Body--open) {
+    overflow: hidden;
+}
+
 .modalOverlay {
     position: fixed;
     top: 0;