diff --git a/templates/basic/src/components/code-block.js b/templates/basic/src/components/code-block.js
index 593df61..76bbf80 100644
--- a/templates/basic/src/components/code-block.js
+++ b/templates/basic/src/components/code-block.js
@@ -10,7 +10,7 @@ class CodeBlockComponent extends HTMLElement {
       <div>
         <pre class="language-${lang} ${
       lineNumbers ? "line-numbers" : ""
-    }" id="pre" style="padding:1em;background:#efefef;margin:1em 0;border-radius:5px;font-size:large;overflow:scroll"><code id="code">${
+    }" id="pre" style="padding:1em;background:#efefef;margin:1em 0;border-radius:5px;overflow:scroll"><code id="code">${
       this.trimmed
     }</code></pre>
       </div>
diff --git a/templates/basic/src/components/my-head.html b/templates/basic/src/components/my-head.html
index 780a00c..0683eb3 100644
--- a/templates/basic/src/components/my-head.html
+++ b/templates/basic/src/components/my-head.html
@@ -26,7 +26,8 @@
   <style>
     body {
       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-      max-width: 750px;
+      max-width: 40em;
+      width: 40em;
       margin: 0 auto;
       padding: 1em;
     }