diff --git a/components/Blocks/Block.tsx b/components/Blocks/Block.tsx
index 1ba258be..e2556d1b 100644
--- a/components/Blocks/Block.tsx
+++ b/components/Blocks/Block.tsx
@@ -9,6 +9,10 @@ import { useLongPress } from "src/hooks/useLongPress";
 import { focusBlock } from "src/utils/focusBlock";
 import { useHandleDrop } from "./useHandleDrop";
 import { useEntitySetContext } from "components/EntitySetProvider";
+import { indent, outdent } from "src/utils/list-operations";
+import { useDrag } from "@use-gesture/react";
+
+const SWIPE_THRESHOLD = 50;
 
 import { TextBlock } from "./TextBlock/index";
 import { ImageBlock } from "./ImageBlock";
@@ -76,6 +80,8 @@ export const Block = memo(function Block(
     nextPosition: props.nextPosition,
   });
   let entity_set = useEntitySetContext();
+  let isMobile = useIsMobile();
+  let { rep } = useReplicache();
 
   let { isLongPress, longPressHandlers } = useLongPress(() => {
     if (isTextBlock[props.type]) return;
@@ -115,9 +121,38 @@ export const Block = memo(function Block(
   // THIS IS WHERE YOU SET WHETHER OR NOT AREYOUSURE IS TRIGGERED ON THE DELETE KEY
   useBlockKeyboardHandlers(props, areYouSure, setAreYouSure);
 
+  const bindSwipe = useDrag(
+    ({ last, movement: [mx] }) => {
+      if (!last) return;
+      if (!rep || !props.listData || !entity_set.permissions.write) return;
+      if (Math.abs(mx) < SWIPE_THRESHOLD) return;
+      let { foldedBlocks, toggleFold } = useUIState.getState();
+      if (mx > 0) {
+        if (props.previousBlock) {
+          indent(props, props.previousBlock, rep, {
+            foldedBlocks,
+            toggleFold,
+          });
+        }
+      } else {
+        outdent(props, props.previousBlock, rep, {
+          foldedBlocks,
+          toggleFold,
+        });
+      }
+    },
+    {
+      axis: "x",
+      filterTaps: true,
+      pointer: { touch: true },
+      enabled: isMobile && !!props.listData,
+    },
+  );
+
   return (
     <div
       {...(!props.preview ? { ...mouseHandlers, ...longPressHandlers } : {})}
+      {...bindSwipe()}
       id={
         !props.preview ? elementId.block(props.entityID).container : undefined
       }
@@ -137,6 +172,7 @@ export const Block = memo(function Block(
         flex flex-row gap-2
         px-3 sm:px-4
         z-1 w-full
+        ${props.listData ? "touch-pan-y" : ""}
       ${alignmentStyle}
       ${
         !props.nextBlock
@@ -496,7 +532,6 @@ export const ListMarker = (
     className?: string;
   },
 ) => {
-  let isMobile = useIsMobile();
   let checklist = useEntity(props.value, "block/check-list");
   let listStyle = useEntity(props.value, "block/list-style");
   let headingLevel = useEntity(props.value, "block/heading-level")?.data.value;
@@ -511,7 +546,6 @@ export const ListMarker = (
 
   let [editingNumber, setEditingNumber] = useState(false);
   let [numberInputValue, setNumberInputValue] = useState("");
-
   useEffect(() => {
     if (!editingNumber) {
       setNumberInputValue("");
@@ -545,6 +579,7 @@ export const ListMarker = (
 
     setEditingNumber(false);
   };
+
   return (
     <div
       className={`shrink-0  flex justify-end items-center h-3 z-1
diff --git a/package-lock.json b/package-lock.json
index feaca0b1..8cc4b9e9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -35,6 +35,7 @@
         "@tinybirdco/sdk": "^0.0.55",
         "@tiptap/core": "^2.11.5",
         "@types/mdx": "^2.0.13",
+        "@use-gesture/react": "^10.3.1",
         "@vercel/analytics": "^1.5.0",
         "@vercel/functions": "^2.2.12",
         "@vercel/sdk": "^1.11.4",
@@ -8958,6 +8959,24 @@
       "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
       "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ=="
     },
+    "node_modules/@use-gesture/core": {
+      "version": "10.3.1",
+      "resolved": "https://registry.npmjs.org/@use-gesture/core/-/core-10.3.1.tgz",
+      "integrity": "sha512-WcINiDt8WjqBdUXye25anHiNxPc0VOrlT8F6LLkU6cycrOGUDyY/yyFmsg3k8i5OLvv25llc0QC45GhR/C8llw==",
+      "license": "MIT"
+    },
+    "node_modules/@use-gesture/react": {
+      "version": "10.3.1",
+      "resolved": "https://registry.npmjs.org/@use-gesture/react/-/react-10.3.1.tgz",
+      "integrity": "sha512-Yy19y6O2GJq8f7CHf7L0nxL8bf4PZCPaVOCgJrusOeFHY1LvHgYXnmnXg6N5iwAnbgbZCDjo60SiM6IPJi9C5g==",
+      "license": "MIT",
+      "dependencies": {
+        "@use-gesture/core": "10.3.1"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0"
+      }
+    },
     "node_modules/@vercel/analytics": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/@vercel/analytics/-/analytics-1.5.0.tgz",
diff --git a/package.json b/package.json
index c4c8f256..cccf2886 100644
--- a/package.json
+++ b/package.json
@@ -46,6 +46,7 @@
     "@tinybirdco/sdk": "^0.0.55",
     "@tiptap/core": "^2.11.5",
     "@types/mdx": "^2.0.13",
+    "@use-gesture/react": "^10.3.1",
     "@vercel/analytics": "^1.5.0",
     "@vercel/functions": "^2.2.12",
     "@vercel/sdk": "^1.11.4",