From 1d1384bf1355d259fbb1651ce3782c1b4635037c Mon Sep 17 00:00:00 2001
From: Vivek JM <24496671+vivekjm@users.noreply.github.com>
Date: Sun, 26 Jul 2026 12:04:32 +0530
Subject: [PATCH] Avoid duplicate sandbox base styles

---
 src/components/MDX/Sandpack/SandpackRoot.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/MDX/Sandpack/SandpackRoot.tsx b/src/components/MDX/Sandpack/SandpackRoot.tsx
index 48d8daee50e..d7c06759b98 100644
--- a/src/components/MDX/Sandpack/SandpackRoot.tsx
+++ b/src/components/MDX/Sandpack/SandpackRoot.tsx
@@ -86,7 +86,9 @@ function SandpackRoot(props: SandpackProps) {
   }
 
   files['/src/styles.css'] = {
-    code: [sandboxStyle, files['/src/styles.css']?.code ?? ''].join('\n\n'),
+    code: files['/src/styles.css']?.code.startsWith(sandboxStyle)
+      ? files['/src/styles.css'].code
+      : [sandboxStyle, files['/src/styles.css']?.code ?? ''].join('\n\n'),
     hidden: !files['/src/styles.css']?.visible,
   };