diff --git a/packages/presentation/src/components/markup/CodeBlockNode.svelte b/packages/presentation/src/components/markup/CodeBlockNode.svelte
index a13bd4bba5..b2ae30276a 100644
--- a/packages/presentation/src/components/markup/CodeBlockNode.svelte
+++ b/packages/presentation/src/components/markup/CodeBlockNode.svelte
@@ -20,15 +20,16 @@
   export let node: MarkupNode
   export let preview = false
 
+  const is = diffview.component.Highlight
+
   $: language = node.attrs?.language
   $: content = node.content ?? []
   $: value = content.map((node) => node.text).join('/n')
+  $: margin = preview ? '0' : null
+
+  $: props = { value, language }
 </script>
 
 {#if node}
-  <pre class="proseCodeBlock" style:margin={preview ? '0' : null}>
-    <code>
-      <Component is={diffview.component.Highlight} props={{ value, language }} />
-    </code>
-  </pre>
+  <pre class="proseCodeBlock" style:margin><code><Component {is} {props} /></code></pre>
 {/if}