diff --git a/src/renderer/src/components/Preview/__tests__/__snapshots__/GraphvizPreview.test.tsx.snap b/src/renderer/src/components/Preview/__tests__/__snapshots__/GraphvizPreview.test.tsx.snap
index 923f35b9e7..5ac34bfadd 100644
--- a/src/renderer/src/components/Preview/__tests__/__snapshots__/GraphvizPreview.test.tsx.snap
+++ b/src/renderer/src/components/Preview/__tests__/__snapshots__/GraphvizPreview.test.tsx.snap
@@ -2,10 +2,9 @@
 
 exports[`GraphvizPreview > basic rendering > should match snapshot 1`] = `
 .c0 {
-  overflow: auto;
-  position: relative;
-  width: 100%;
-  height: 100%;
+  --shadow-host-background-color: white;
+  --shadow-host-border: 0.5px solid var(--color-code-background);
+  --shadow-host-border-radius: 8px;
 }
 
 <div>
diff --git a/src/renderer/src/components/Preview/__tests__/__snapshots__/MermaidPreview.test.tsx.snap b/src/renderer/src/components/Preview/__tests__/__snapshots__/MermaidPreview.test.tsx.snap
index 01e98a63cd..1f87a151a8 100644
--- a/src/renderer/src/components/Preview/__tests__/__snapshots__/MermaidPreview.test.tsx.snap
+++ b/src/renderer/src/components/Preview/__tests__/__snapshots__/MermaidPreview.test.tsx.snap
@@ -2,10 +2,9 @@
 
 exports[`MermaidPreview > basic rendering > should match snapshot 1`] = `
 .c0 {
-  overflow: auto;
-  position: relative;
-  width: 100%;
-  height: 100%;
+  --shadow-host-background-color: transparent;
+  --shadow-host-border: unset;
+  --shadow-host-border-radius: unset;
 }
 
 <div>
diff --git a/src/renderer/src/components/Preview/__tests__/__snapshots__/PlantUmlPreview.test.tsx.snap b/src/renderer/src/components/Preview/__tests__/__snapshots__/PlantUmlPreview.test.tsx.snap
index 34d7840cb4..eb398f4cf5 100644
--- a/src/renderer/src/components/Preview/__tests__/__snapshots__/PlantUmlPreview.test.tsx.snap
+++ b/src/renderer/src/components/Preview/__tests__/__snapshots__/PlantUmlPreview.test.tsx.snap
@@ -1,6 +1,12 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`PlantUmlPreview > basic rendering > should match snapshot 1`] = `
+.c0 {
+  --shadow-host-background-color: white;
+  --shadow-host-border: 0.5px solid var(--color-code-background);
+  --shadow-host-border-radius: 8px;
+}
+
 <div>
   <div
     data-source="plantuml"
@@ -15,7 +21,7 @@ exports[`PlantUmlPreview > basic rendering > should match snapshot 1`] = `
       data-testid="preview-content"
     >
       <div
-        class="plantuml-preview special-preview"
+        class="c0 plantuml-preview special-preview"
       />
     </div>
   </div>
diff --git a/src/renderer/src/components/Preview/__tests__/__snapshots__/SvgPreview.test.tsx.snap b/src/renderer/src/components/Preview/__tests__/__snapshots__/SvgPreview.test.tsx.snap
index 00ee51b0e6..b96c8def5d 100644
--- a/src/renderer/src/components/Preview/__tests__/__snapshots__/SvgPreview.test.tsx.snap
+++ b/src/renderer/src/components/Preview/__tests__/__snapshots__/SvgPreview.test.tsx.snap
@@ -1,6 +1,12 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`SvgPreview > basic rendering > should match snapshot 1`] = `
+.c0 {
+  --shadow-host-background-color: white;
+  --shadow-host-border: 0.5px solid var(--color-code-background);
+  --shadow-host-border-radius: 8px;
+}
+
 <div>
   <div
     data-source="svg"
@@ -15,7 +21,7 @@ exports[`SvgPreview > basic rendering > should match snapshot 1`] = `
       data-testid="preview-content"
     >
       <div
-        class="svg-preview special-preview"
+        class="c0 svg-preview special-preview"
       />
     </div>
   </div>