diff --git a/sparkle/package-lock.json b/sparkle/package-lock.json
index e3a4a43b1e5c..7acc8a4b0f1d 100644
--- a/sparkle/package-lock.json
+++ b/sparkle/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.418",
+  "version": "0.2.419",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@dust-tt/sparkle",
-      "version": "0.2.418",
+      "version": "0.2.419",
       "license": "ISC",
       "dependencies": {
         "@emoji-mart/data": "^1.1.2",
diff --git a/sparkle/package.json b/sparkle/package.json
index 8bb161db35be..a143afde560b 100644
--- a/sparkle/package.json
+++ b/sparkle/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.418",
+  "version": "0.2.419",
   "scripts": {
     "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
     "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",
diff --git a/sparkle/src/components/markdown/CodeBlockWithExtendedSupport.tsx b/sparkle/src/components/markdown/CodeBlockWithExtendedSupport.tsx
index 1879aae2660c..06fdc0351651 100644
--- a/sparkle/src/components/markdown/CodeBlockWithExtendedSupport.tsx
+++ b/sparkle/src/components/markdown/CodeBlockWithExtendedSupport.tsx
@@ -103,7 +103,7 @@ const palette = {
 const mermaidStyles = `
   /* Base diagram styles */
   .mermaid {
-    background: ${palette.slate[50]};
+    background: ${palette.slate[100]};
     cursor: default;
   }
     
@@ -118,7 +118,7 @@ const mermaidStyles = `
     rx: 8px;
     ry: 8px;
     stroke-width: 1px;
-    fill: ${palette.slate["50"]};
+    fill: ${palette.slate["100"]};
     stroke: ${palette.slate["200"]};
   }
 
diff --git a/sparkle/src/components/markdown/PreBlock.tsx b/sparkle/src/components/markdown/PreBlock.tsx
index 45db56c2a3a6..e386bb96c340 100644
--- a/sparkle/src/components/markdown/PreBlock.tsx
+++ b/sparkle/src/components/markdown/PreBlock.tsx
@@ -10,7 +10,7 @@ export const preBlockVariants = cva(
     variants: {
       variant: {
         muted: "s-bg-gray-700 s-text-gray-500 dark:s-bg-muted-background-night",
-        surface: "s-bg-muted-background dark:s-bg-muted-background-night",
+        surface: "s-bg-slate-100 dark:s-bg-muted-background-night",
       },
     },
   }