diff --git a/assets/css/bobastyle.css b/assets/css/bobastyle.css
index fb67588..0384683 100644
--- a/assets/css/bobastyle.css
+++ b/assets/css/bobastyle.css
@@ -183,6 +183,13 @@ figcaption {
   text-align: center;
 }
 
+aside {
+  background-color: #222;
+  padding: 12px 16px;
+  margin: 16px 0;
+  border-radius: 8px;
+}
+
 a {
   color: #4da6ff;
   text-decoration: inherit;
@@ -208,6 +215,10 @@ hr {
 
 
 /* Code blocks */
+.highlight {
+  margin: 16px 0;
+}
+
 .highlight > pre {
   padding: 12px 8px;
   overflow: auto;
diff --git a/layouts/shortcodes/aside.html b/layouts/shortcodes/aside.html
new file mode 100644
index 0000000..c51e4e3
--- /dev/null
+++ b/layouts/shortcodes/aside.html
@@ -0,0 +1,7 @@
+<aside>
+    {{ with .Inner }}
+    {{ . | markdownify }}
+    {{ else }}
+    {{ errorf "The aside shortcode needs to be a closing one (similar to the highlight shortcode, see https://gohugo.io/templates/shortcode-templates/#inner" }}
+    {{ end }}
+</aside>