diff --git a/assets/sass/base/images.sass b/assets/sass/base/images.sass
index b7ee2b3f..76e09d4e 100644
--- a/assets/sass/base/images.sass
+++ b/assets/sass/base/images.sass
@@ -1,8 +1,12 @@
-img.with-border
-  @apply .border .border-solid .border-grey-light
+img
+  &.with-border
+    @apply .border .border-solid .border-grey-light
 
-img.with-padding
-  @apply .p-1
+  &.with-padding
+    @apply .p-1
+
+  &.avatar
+    @apply .border .p-1 .rounded-full
 
 svg
   fill: currentColor
diff --git a/source/_partials/post/about-author.html.twig b/source/_partials/post/about-author.html.twig
index 1ce5ec07..a4bcc962 100644
--- a/source/_partials/post/about-author.html.twig
+++ b/source/_partials/post/about-author.html.twig
@@ -6,7 +6,7 @@
             <img
                 src="{{ site.images_url }}{{ site.avatar.url }}"
                 alt="Picture of Oliver"
-                class="rounded-full w-16"
+                class="avatar w-16"
             >
         </div>
 
diff --git a/source/about.md b/source/about.md
index 8ef3aa32..4245a148 100644
--- a/source/about.md
+++ b/source/about.md
@@ -16,7 +16,11 @@ permalink: /
 # About Me
 
 <div class="mb-4 w-1/3 sm:w-1/4 lg:w-1/6">
-    <img src="{{ site.images_url }}{{ site.avatar.url }}" alt="Picture of Oliver" class="rounded-full">
+    <img
+        src="{{ site.images_url }}{{ site.avatar.url }}"
+        alt="Picture of Oliver"
+        class="avatar"
+    >
 </div>
 
 My name is Oliver Davies (aka [opdavies][1]) - a Full Stack Web Developer and System Administrator based in Wales, UK.