diff --git a/layouts/shortcodes/gist.html b/layouts/shortcodes/gist.html
index 5179856..f5d19e5 100644
--- a/layouts/shortcodes/gist.html
+++ b/layouts/shortcodes/gist.html
@@ -1,15 +1,17 @@
 {{ $id := default (.Get 0) .Page.Params.gist }}
 {{ $data := getJSON "https://api.github.com/gists/" $id }}
 
-{{ range $i, $e := $data.files }}
-  <h5>
-    <a href="{{ $data.html_url }}#file-{{ $i }}">
-      <code class="font-weight-bold">{{ $i }}</code>
-    </a>
-    &nbsp;&nbsp;
-    <a href="{{ $e.raw_url }}">
-      <small class="font-italic">View Raw</small>
-    </a>
-  </h5>
-  {{ highlight $e.content $e.language "linenos=inline" }}
-{{ end }}
+<div class="gist">
+  {{ range $i, $e := $data.files }}
+    <h5 class="mb-0">
+      <a href="{{ $data.html_url }}#file-{{ $i }}">
+        <code class="font-weight-bold pl-2">{{ $i }}</code>
+      </a>
+      &nbsp;&nbsp;
+      <a href="{{ $e.raw_url }}">
+        <small class="font-italic">View Raw</small>
+      </a>
+    </h5>
+    {{ highlight $e.content $e.language "linenos=inline" }}
+  {{ end }}
+</div>
diff --git a/static/src/scss/style.scss b/static/src/scss/style.scss
index f4d7e6f..3964130 100644
--- a/static/src/scss/style.scss
+++ b/static/src/scss/style.scss
@@ -188,6 +188,10 @@ ul ul, ol ol {
 pre.chroma {
   margin: $spacer 0;
   padding: $spacer;
+
+  .highlight & {
+    margin-top: 0;
+  }
 }
 
 .content {