diff --git a/frontend/package.json b/frontend/package.json
index 3f2cdf3a..eae113bd 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -3,7 +3,7 @@
 	"private": true,
 	"version": "0.0.0",
 	"scripts": {
-		"dev": "vite",
+		"dev": "vite --host",
 		"build": "vite build --base=/assets/studio/frontend/ && yarn copy-html-entry && yarn copy-app-renderer",
 		"copy-html-entry": "cp ../studio/public/frontend/index.html ../studio/www/studio.html",
 		"copy-app-renderer": "cp ../studio/public/frontend/renderer.html ../studio/templates/generators/renderer.html",
diff --git a/frontend/src/utils/panAndZoom.ts b/frontend/src/utils/panAndZoom.ts
index 8a58e882..a3cc37a5 100644
--- a/frontend/src/utils/panAndZoom.ts
+++ b/frontend/src/utils/panAndZoom.ts
@@ -55,6 +55,12 @@ function setPanAndZoom(
 				props.translateX += diffX / scale;
 				props.translateY += diffY / scale;
 			});
+		} else if (e.shiftKey) {
+			props.panning = true;
+			pinchPointSet = false;
+			// Horizontal panning when shift key is pressed
+			props.translateX -= e.deltaY / props.scale;
+			props.translateY -= e.deltaX / props.scale;
 		} else {
 			props.panning = true;
 			pinchPointSet = false;