diff --git a/src/components/MDX/Sandpack/CustomPreset.tsx b/src/components/MDX/Sandpack/CustomPreset.tsx
index 7d6e566d270..88fe68fce83 100644
--- a/src/components/MDX/Sandpack/CustomPreset.tsx
+++ b/src/components/MDX/Sandpack/CustomPreset.tsx
@@ -125,6 +125,7 @@ const Editor = memo(function Editor({
       showTabs={false}
       showRunButton={false}
       extensions={lintExtensions}
+      wrapContent={true}
     />
   );
 });
diff --git a/src/styles/sandpack.css b/src/styles/sandpack.css
index cc236209a80..afacc7dec9a 100644
--- a/src/styles/sandpack.css
+++ b/src/styles/sandpack.css
@@ -216,7 +216,6 @@ html.dark .sp-wrapper {
 
 .sandpack--playground .sp-code-editor .cm-line {
   padding: 0 var(--sp-space-3);
-  width: max-content;
 }
 
 .sandpack--playground .sp-code-editor .cm-lineNumbers {