diff --git a/client/src/lib/modal.js b/client/src/lib/modal.js
index 94ce3b3..60f364e 100644
--- a/client/src/lib/modal.js
+++ b/client/src/lib/modal.js
@@ -18,10 +18,12 @@ function useProvideModal() {
   const [isModalOpen, setIsModalOpen] = useState(false);
 
   const showModal = (show) => {
+    document.body.classList.add("scrolling-disabled-by-modal");
     return setIsModalOpen(true);
   };
 
   const hideModal = (show) => {
+    document.body.classList.remove("scrolling-disabled-by-modal");
     return setIsModalOpen(false);
   };