diff --git a/src/components/swipe-to-delete/SwipeToDelete.tsx b/src/components/swipe-to-delete/SwipeToDelete.tsx
index 0413219..c1c2bb6 100644
--- a/src/components/swipe-to-delete/SwipeToDelete.tsx
+++ b/src/components/swipe-to-delete/SwipeToDelete.tsx
@@ -207,6 +207,22 @@ export const SwipeToDelete = ({
         };
     }, [onMouseMove, onMouseUp, onTouchMove, touching]);
 
+    // disabling scrolling when swiping to delete
+    useEffect(() => {
+        const handleScroll = (e: Event) => {
+            if (deleting) {
+                e.preventDefault();
+                document.body.style.overflow = 'hidden';
+            } else {
+                document.body.style.overflow = 'auto';
+            }
+        };
+
+        window.addEventListener('scroll', handleScroll);
+
+        return () => window.removeEventListener('scroll', handleScroll);
+    }, [deleting]);
+
     return (
         <div id={id} className={`rstdi${internalDeleting ? " deleting" : ""} ${className}`} ref={container}>
             <div className={`delete${internalDeleting ? " deleting" : ""}`}>
diff --git a/src/components/swipe-to-delete/styles.css b/src/components/swipe-to-delete/styles.css
index f4a74ea..1a7bd39 100644
--- a/src/components/swipe-to-delete/styles.css
+++ b/src/components/swipe-to-delete/styles.css
@@ -16,6 +16,8 @@
     overflow: hidden;
     height: 100%;
     max-height: 100%;
+    overflow: hidden;
+    overscroll-behavior: none;
 }
 
 .rstdi *,