diff --git a/OurUmbraco.Client/src/scss/elements/_avatar.scss b/OurUmbraco.Client/src/scss/elements/_avatar.scss
deleted file mode 100644
index f48700bf..00000000
--- a/OurUmbraco.Client/src/scss/elements/_avatar.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-.avatar {
-    flex: 0 0 23%;
-    margin-right: 20px;
-
-    @media (min-width: $md) {
-        flex: 0 0 15%;
-    }
-
-    img {
-        width: 100%;
-        max-width: 112px;
-        height: auto;
-    }
-}
\ No newline at end of file
diff --git a/OurUmbraco.Client/src/scss/sections/_contributors.scss b/OurUmbraco.Client/src/scss/sections/_contributors.scss
new file mode 100644
index 00000000..81293943
--- /dev/null
+++ b/OurUmbraco.Client/src/scss/sections/_contributors.scss
@@ -0,0 +1,32 @@
+.contributor {
+    margin-bottom: 15px;
+
+    .avatar {
+        position: relative;
+        flex: 0 0 23%;
+        margin-right: 20px;
+
+        @media (min-width: $md) {
+            flex: 0 0 15%;
+        }
+
+        img {
+            border: 3px solid #98d768;
+            width: 100%;
+            max-width: 112px;
+            height: auto;
+        }
+    }
+
+    .contrib-count {
+        position: absolute;
+        left: 25px;
+        bottom: 0px;
+        text-align: center;
+        right: 25px;
+        color: #425a2e;
+        font-weight: bold;
+        background: darken($color-our, 4%);
+        border-radius: 15px;
+    }
+}