diff --git a/ui/tracer/src/App.tsx b/ui/tracer/src/App.tsx
index 9cebde6..550e743 100644
--- a/ui/tracer/src/App.tsx
+++ b/ui/tracer/src/App.tsx
@@ -11,6 +11,8 @@ import Editor from "@monaco-editor/react";
 import { useEffect, useState } from "react";
 import useWebSocket from "react-use-websocket";
 
+const USE_META_KEY = navigator.platform.indexOf("Mac") === 0 || navigator.platform === "iPhone";
+
 function App() {
     const [handlers, setHandlers] = useState<Handler[]>([]);
     const [selectedScope, setSelectedScope] = useState("");
@@ -87,7 +89,7 @@ function App() {
         }
 
         const handler = editor!.onKeyDown(e => {
-            if (e.ctrlKey && e.keyCode === monaco.KeyCode.KeyS) {
+            if ((USE_META_KEY ? e.metaKey : e.ctrlKey) && e.keyCode === monaco.KeyCode.KeyS) {
                 handleDeployClick();
                 e.preventDefault();
             }