diff --git a/src/components/AnnotatedCode/index.astro b/src/components/AnnotatedCode/index.astro
index 95477f8051..75743ef0aa 100644
--- a/src/components/AnnotatedCode/index.astro
+++ b/src/components/AnnotatedCode/index.astro
@@ -93,7 +93,7 @@ for (const attr of codeTag.attributes) {
       {rows.map((row, i) => {
         const lineNodes = lines.slice(row.startLine, row.endLine);
         return (
-          <tr class="[&>*]:align-top [&>*]:m-0 [&>*:not(:first-child)]:py-2 [&>*:not(:first-child)]:pl-6 [&>*:not(:first-child)]:max-w-xl">
+          <tr class="[&>*]:align-top [&>*]:m-0 [&>*:not(:first-child)]:py-2 [&>*:not(:first-child)]:pl-6 [&>*:not(:first-child)]:w-1/2">
             <td class="align-top p-0" style="height:100%; margin:0">
             <pre {...preAttrs} style={`${getPreStyle(i)};overflow:visible;white-space:pre-wrap;word-wrap:break-word;height:100%;`}><code {...codeAttrs} set:html={lineNodes.map((n) => n.outerHTML).join('\n')} /></pre>
             </td>