diff --git a/apps/designer/app/shared/design-system/components/primitives/dnd/canvas.stories.tsx b/apps/designer/app/shared/design-system/components/primitives/dnd/canvas.stories.tsx
index 7a6506acd0..ee2b3d9a89 100644
--- a/apps/designer/app/shared/design-system/components/primitives/dnd/canvas.stories.tsx
+++ b/apps/designer/app/shared/design-system/components/primitives/dnd/canvas.stories.tsx
@@ -281,7 +281,8 @@ export const Canvas = () => {
           width: 500,
           height: 500,
           overflow: "auto",
-          touchAction: dragItemId === undefined ? "none" : "auto",
+          // to make DnD work we have to disable scrolling using touch
+          touchAction: "none",
           "[data-id]": {
             cursor: dragItemId === undefined ? "grab" : "default",
           },
diff --git a/apps/designer/app/shared/design-system/components/primitives/dnd/sortable-list.stories.tsx b/apps/designer/app/shared/design-system/components/primitives/dnd/sortable-list.stories.tsx
index 4711f33de3..da47bdb0f4 100644
--- a/apps/designer/app/shared/design-system/components/primitives/dnd/sortable-list.stories.tsx
+++ b/apps/designer/app/shared/design-system/components/primitives/dnd/sortable-list.stories.tsx
@@ -139,7 +139,9 @@ export const SortableList = ({
           overflow: "auto",
           background: "white",
           color: "black",
-          touchAction: dragItemId === undefined ? "none" : "auto",
+
+          // to make DnD work we have to disable scrolling using touch
+          touchAction: "none",
         }}
         ref={autoScrollHandlers.targetRef}
         onScroll={() => {