From e065e0a2b4bfc45100bf6cbe4760685dbb65f6a2 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <Aakansha1216@gmail.com>
Date: Sun, 27 Apr 2025 11:24:35 +0530
Subject: [PATCH] fix: set wrap-content to true for better code readability
---
src/components/MDX/Sandpack/CustomPreset.tsx | 1 +
src/styles/sandpack.css | 1 -
2 files changed, 1 insertion(+), 1 deletion(-)
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 {