diff --git a/layouts/_default/_markup/render-codeblock.html b/layouts/_default/_markup/render-codeblock.html
new file mode 100644
index 0000000..f2acbea
--- /dev/null
+++ b/layouts/_default/_markup/render-codeblock.html
@@ -0,0 +1,4 @@
+<div class="codeblock-container">
+{{ $result := transform.HighlightCodeBlock . }}
+{{ $result.Wrapped }}
+</div>
diff --git a/static/styles.css b/static/styles.css
index 43866a9..2e4121e 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -45,6 +45,10 @@ main {
 	flex-grow: 1;
 }
 
+section {
+	  min-width: 0;
+}
+
 header footer {
 	flex-shrink: 0;
 }
@@ -63,3 +67,9 @@ li::marker {
 hr {
 	color: var(--accent-colour);
 }
+
+.codeblock-container {
+	padding: 5px;
+	border: 1px solid var(--accent-colour);
+}
+