try to keep it all inside the tab

Author: titusfortner

website_and_docs/layouts/shortcodes/gh-codeblock.html

@@ -49,20 +49,26 @@
     {{ $codeSnippet = delimit (first $numOfLines (after $fromLine $splitContent)) "\n" }}
   {{ end }}
 
-  {{ highlight $codeSnippet $language }}
+  <div class="gh-codeblock-wrapper">
+    <div class="highlight">
+      {{ highlight $codeSnippet $language }}
+    </div>
 
-{{ if $hasFragment }}
-<details class="mt-2">
-  <summary>Show full example</summary>
-  <div class="pt-2">{{ highlight $content $language }}</div>
-</details>
-{{ end }}
+    {{ if $hasFragment }}
+    <details class="mt-3">
+      <summary>Show full example</summary>
+      <div class="pt-2 highlight">
+        {{ highlight $content $language }}
+      </div>
+    </details>
+    {{ end }}
 
-  <div class="text-end pb-2">
-    <a href="{{- $webUrl -}}" target="_blank">
-      <i class="fas fa-external-link-alt pl-2"></i>
+    <div class="text-end pb-2 mt-2">
+      <a href="{{- $webUrl -}}" target="_blank">
+        <i class="fas fa-external-link-alt pl-2"></i>
         <strong>View full example on GitHub</strong>
-    </a>
+      </a>
+    </div>
   </div>
 {{ else }}
   {{ partial "github-content.html" }}