diff --git a/beta/src/components/MDX/Sandpack/SandpackRoot.tsx b/beta/src/components/MDX/Sandpack/SandpackRoot.tsx
index ef396405..316a4f73 100644
--- a/beta/src/components/MDX/Sandpack/SandpackRoot.tsx
+++ b/beta/src/components/MDX/Sandpack/SandpackRoot.tsx
@@ -74,6 +74,7 @@ function SandpackRoot(props: SandpackProps) {
     hidden: true,
   };
 
+  debugger;
   return (
     <div className="sandpack sandpack--playground sandbox my-8">
       <SandpackProvider
diff --git a/beta/src/styles/sandpack.css b/beta/src/styles/sandpack.css
index 691feacc..5ef0089c 100644
--- a/beta/src/styles/sandpack.css
+++ b/beta/src/styles/sandpack.css
@@ -401,11 +401,13 @@ html.dark .sp-devtools > div {
 }
 
 /** 
- * For iOS: prevent browser zoom when clicking on sandbox
+ * For iOS: prevent browser zoom when clicking on sandbox.
+ * Does NOT apply to code blocks.
  */
 @media screen and (max-width: 768px) {
   @supports (-webkit-overflow-scrolling: touch) {
-    .cm-content {
+    .sandbox .cm-content,
+    .sandbox .sp-code-editor .sp-pre-placeholder {
       font-size: initial;
     }
     .DocSearch-Input {