diff --git a/apps/front/src/libs/dom/DisablePinchZoom.ts b/apps/front/src/libs/dom/DisablePinchZoom.ts
new file mode 100644
index 0000000..0b8bdbe
--- /dev/null
+++ b/apps/front/src/libs/dom/DisablePinchZoom.ts
@@ -0,0 +1,27 @@
+import { useEffect } from "react"
+
+const DisablePinchZoom = () => {
+  useEffect(() => {
+    const disableZoom = (e: Event) => {
+      e.preventDefault()
+      document.body.style.zoom = "0.999999999"
+    }
+
+    const restoreZoom = (e: Event) => {
+      e.preventDefault()
+      document.body.style.zoom = "1"
+    }
+
+    document.addEventListener("gesturestart", disableZoom)
+    document.addEventListener("gesturechange", disableZoom)
+    document.addEventListener("gestureend", restoreZoom)
+
+    return () => {
+      document.removeEventListener("gesturestart", disableZoom)
+      document.removeEventListener("gesturechange", disableZoom)
+      document.removeEventListener("gestureend", restoreZoom)
+    }
+  }, [])
+}
+
+export default DisablePinchZoom