diff --git a/styles/common.css b/styles/common.css
index 24c7a03..02a8d3d 100644
--- a/styles/common.css
+++ b/styles/common.css
@@ -1,20 +1,23 @@
 @font-face {
   font-family: "Apercu Mono Pro";
-  src: url("/public/fonts/apercu-mono/ApercuMonoProRegular.ttf") format("truetype");
+  src: url("/public/fonts/apercu-mono/ApercuMonoProRegular.ttf")
+    format("truetype");
   font-weight: 400;
   font-style: normal;
 }
 
 @font-face {
   font-family: "Apercu Mono Pro";
-  src: url("/public/fonts/apercu-mono/ApercuMonoProMedium.ttf") format("truetype");
+  src: url("/public/fonts/apercu-mono/ApercuMonoProMedium.ttf")
+    format("truetype");
   font-weight: 500;
   font-style: normal;
 }
 
 @font-face {
   font-family: "Apercu Mono Pro";
-  src: url("/public/fonts/apercu-mono/ApercuMonoProLight.ttf") format("truetype");
+  src: url("/public/fonts/apercu-mono/ApercuMonoProLight.ttf")
+    format("truetype");
   font-weight: 300;
   font-style: normal;
 }
@@ -109,3 +112,24 @@ pre code {
 main h2 {
   margin-bottom: 0;
 }
+
+.gist-outer {
+  display: flex;
+  justify-content: center;
+}
+
+.gist-box {
+  display: inline-block;
+  min-width: 60vw;
+  max-width: 80vw;
+  width: max-content;
+  border: 1px solid #000;
+  border-radius: 0;
+  background: #fff;
+  box-sizing: border-box;
+}
+
+.hljs-ln-numbers {
+  text-align: right;
+  color: #999;
+}
diff --git a/templates/gist.html b/templates/gist.html
index b800b2a..4c730e0 100644
--- a/templates/gist.html
+++ b/templates/gist.html
@@ -25,15 +25,18 @@
           font-size: 3em;
           align-self: flex-start;
           margin-left: 40px;
+          margin-bottom: 10px;
         "
       >
         {{ filename }}
       </h2>
 
-      <div style="padding: 40px; width: 100%; max-width: 80ch">
-        <pre
-          class="line-numbers"
-        ><code class="language-{{ lang }}">{{ code | e }}</code></pre>
+      <div class="gist-outer">
+        <div class="gist-box">
+          <pre
+            class="line-numbers"
+          ><code class="language-{{ lang }}">{{ code | e }}</code></pre>
+        </div>
       </div>
     </main>