diff --git a/Resources/Private/Partials/Comments/Comment.html b/Resources/Private/Partials/Comments/Comment.html
index 0dc9526f..f8326109 100644
--- a/Resources/Private/Partials/Comments/Comment.html
+++ b/Resources/Private/Partials/Comments/Comment.html
@@ -1,7 +1,7 @@
 <f:spaceless>
     <article id="comment-{comment.uid}" class="postcomment" itemprop="comment" itemscope itemtype="http://schema.org/Comment">
         <div class="postcomment__avatar">
-            <blogvh:gravatar class="postcomment__avatarimage" email="{comment.email}" />
+            <blogvh:gravatar class="postcomment__avatarimage blogavatar" email="{comment.email}" />
         </div>
         <div class="postcomment__body">
             <div class="postcomment__author" itemprop="author" itemscope itemtype="http://schema.org/Person">
diff --git a/Resources/Private/Partials/List/Author.html b/Resources/Private/Partials/List/Author.html
index f8deb4fa..bfeecdad 100644
--- a/Resources/Private/Partials/List/Author.html
+++ b/Resources/Private/Partials/List/Author.html
@@ -1,4 +1,9 @@
 <div class="bloglist__item bloglist__item--author">
+    <div class="bloglist__image">
+        <f:variable name="avatarsize" value="{settings.authors.avatar.provider.size as integer}" />
+        <f:if condition="{avatarsize}"><f:else><f:variable name="avatarsize" value="32" /></f:else></f:if>
+        <img class="bloglist__imageavatar blogavatar" height="{avatarsize}" width="{avatarsize}" src="{author.avatar}" itemprop="image">
+    </div>
     <h2 class="bloglist__title" itemprop="name">
         <blogvh:link.author author="{author}" />
     </h2>
diff --git a/Resources/Private/Partials/Meta/Elements/Authors.html b/Resources/Private/Partials/Meta/Elements/Authors.html
index ee40aa8a..076488cf 100644
--- a/Resources/Private/Partials/Meta/Elements/Authors.html
+++ b/Resources/Private/Partials/Meta/Elements/Authors.html
@@ -14,7 +14,7 @@
                         <f:if condition="{avatarSettings.enable}">
                             <f:variable name="avatarsize" value="{avatarSettings.size as integer}" />
                             <f:if condition="{avatarsize}"><f:else><f:variable name="avatarsize" value="24" /></f:else></f:if>
-                            <span class="postmetagroup__listprefix"><img class="postmetagroup__listavatar" height="{avatarsize}" width="{avatarsize}" src="{author.avatar}" itemprop="image"></span>
+                            <span class="postmetagroup__listprefix"><img class="postmetagroup__listavatar blogavatar" height="{avatarsize}" width="{avatarsize}" src="{author.avatar}" itemprop="image"></span>
                         </f:if>
                         <span class="postmetagroup__listtext" data-prefix="{f:translate(key:'meta.authors.author')}"><f:render section="ProfileLink" arguments="{author: author}" contentAs="content">{author.name}</f:render></span>
                     </span>
diff --git a/Resources/Private/Partials/Post/Author.html b/Resources/Private/Partials/Post/Author.html
index 24a02051..ecdf0496 100644
--- a/Resources/Private/Partials/Post/Author.html
+++ b/Resources/Private/Partials/Post/Author.html
@@ -3,7 +3,7 @@
         <div class="postauthor__avatar">
             <f:variable name="avatarsize" value="{settings.authors.avatar.provider.size as integer}" />
             <f:if condition="{avatarsize}"><f:else><f:variable name="avatarsize" value="32" /></f:else></f:if>
-            <img class="postauthor__avatarimage" height="{avatarsize}" width="{avatarsize}" src="{author.avatar}" itemprop="image">
+            <img class="postauthor__avatarimage blogavatar" height="{avatarsize}" width="{avatarsize}" src="{author.avatar}" itemprop="image">
         </div>
         <div class="postauthor__body">
             <div class="postauthor__intro"><f:translate key="author.aboutTheAuthor"/></div>
diff --git a/Resources/Private/Scss/frontend/components/blog/_avatar.scss b/Resources/Private/Scss/frontend/components/blog/_avatar.scss
new file mode 100644
index 00000000..9291482c
--- /dev/null
+++ b/Resources/Private/Scss/frontend/components/blog/_avatar.scss
@@ -0,0 +1,8 @@
+/**
+ * Avatar
+ */
+.blogavatar {
+    display: block;
+    border-radius: 50%;
+    overflow: hidden;
+}
diff --git a/Resources/Private/Scss/frontend/components/blog/_list.scss b/Resources/Private/Scss/frontend/components/blog/_list.scss
index ed991506..83b9f310 100644
--- a/Resources/Private/Scss/frontend/components/blog/_list.scss
+++ b/Resources/Private/Scss/frontend/components/blog/_list.scss
@@ -7,6 +7,13 @@
         margin-top: 0;
     }
 }
+.bloglist__image {
+    margin-bottom: 1rem;
+}
+.bloglist__imageavatar {
+    margin-left: auto;
+    margin-right: auto;
+}
 .bloglist__description {
     margin-top: .5rem;
     margin-bottom: .5rem;
diff --git a/Resources/Private/Scss/frontend/components/post/_author.scss b/Resources/Private/Scss/frontend/components/post/_author.scss
index 92ad352c..509e2d7f 100644
--- a/Resources/Private/Scss/frontend/components/post/_author.scss
+++ b/Resources/Private/Scss/frontend/components/post/_author.scss
@@ -12,11 +12,6 @@
 .postauthor__avatar {
     margin-right: 1rem;
 }
-.postauthor__avatarimage {
-    display: block;
-    border-radius: 50%;
-    overflow: hidden;
-}
 .postauthor__body {
     flex-grow: 1;
     > *:last-child {
diff --git a/Resources/Private/Scss/frontend/components/post/_comment.scss b/Resources/Private/Scss/frontend/components/post/_comment.scss
index 8457e33b..2edf2629 100644
--- a/Resources/Private/Scss/frontend/components/post/_comment.scss
+++ b/Resources/Private/Scss/frontend/components/post/_comment.scss
@@ -12,11 +12,6 @@
 .postcomment__avatar {
     margin-right: 1rem;
 }
-.postcomment__avatarimage {
-    display: block;
-    border-radius: 50%;
-    overflow: hidden;
-}
 .postcomment__body {
     flex-grow: 1;
     > *:last-child {
diff --git a/Resources/Private/Scss/frontend/components/post/_metagroup.scss b/Resources/Private/Scss/frontend/components/post/_metagroup.scss
index c69011cf..3a26e73b 100644
--- a/Resources/Private/Scss/frontend/components/post/_metagroup.scss
+++ b/Resources/Private/Scss/frontend/components/post/_metagroup.scss
@@ -49,10 +49,6 @@
     margin-right: .25rem;
     line-height: 1;
 }
-.postmetagroup__listavatar {
-    display: inline-block;
-    border-radius: 50%;
-}
 
 /**
  * Simple
diff --git a/Resources/Private/Scss/frontend/frontend.scss b/Resources/Private/Scss/frontend/frontend.scss
index b00e2d01..93878e29 100644
--- a/Resources/Private/Scss/frontend/frontend.scss
+++ b/Resources/Private/Scss/frontend/frontend.scss
@@ -3,6 +3,7 @@
  */
 @import "components/blog/container";
 @import "components/blog/list";
+@import "components/blog/avatar";
 @import "components/blog/archive";
 @import "components/blog/badge";
 @import "components/blog/icons";
diff --git a/Resources/Public/Css/frontend.min.css b/Resources/Public/Css/frontend.min.css
index 85d1714f..27337177 100644
--- a/Resources/Public/Css/frontend.min.css
+++ b/Resources/Public/Css/frontend.min.css
@@ -1 +1 @@
-.blogcontainer{display:grid;grid-column-gap:40px}@media (min-width:992px){.blogcontainer{grid-template-columns:1fr 300px}}.bloglist__item{margin-top:1.5rem}.bloglist__item:first-of-type{margin-top:0}.bloglist__description{margin-top:.5rem;margin-bottom:.5rem}.blogarchiveheader{margin-bottom:2.5rem}.blogarchiveheader__title{margin-bottom:.5rem}.blogarchiveheader__titletext{margin-right:.5rem}.blogarchivefooter{margin-top:2.5rem}.blogbadge{display:inline-block;padding:.5em;border-radius:2px;border:1px solid;line-height:1em}.blogbadge:hover{text-decoration:none}.blogicon{top:.125em;position:relative;display:inline-flex;align-self:center}.blogicon svg{height:1em;width:1em}.blogimage img{max-width:100%;height:auto}.bloglinklist{padding:0;margin:0;list-style:none}.bloglinklist__itemcount{margin-left:.25rem}.bloglinklist__itemcount:before{content:"("}.bloglinklist__itemcount:after{content:")"}.blogpagination__list{margin-top:1.5rem;margin-bottom:0;display:flex;padding-left:0;list-style:none}.blogpagination__item:first-child .blogpagination__link{margin-left:0}.blogpagination__item--active{font-weight:700}.blogpagination__link{display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1;border:1px solid}.blogpagination__item--disabled .blogpagination__link{pointer-events:none;cursor:auto}.blogtaglist{padding:0;margin:-.25rem!important;list-style:none}.blogtaglist__item{display:inline-block;vertical-align:middle;margin:.25rem}.blogwidget{margin-bottom:1.5rem}.blogwidget:last-child{margin-bottom:0}.blogwidget__content{overflow:hidden}.blogwidget__content>:last-child{margin-bottom:0}.blogwidgetlist{padding:0;margin:0;list-style:none}.blogwidgetlist .blogwidgetlist{padding-left:1rem}.blogwidgetlist__itemcount{margin-left:.25rem}.blogwidgetlist__itemcount:before{content:"("}.blogwidgetlist__itemcount:after{content:")"}.blogwidgetlist__itemauthor{font-weight:700}.blogwidgetlist--tags{margin:-.25rem!important}.blogwidgetlist--tags .blogwidgetlist__item{display:inline-block;vertical-align:middle;margin:.25rem}.blogwidgetlist--recentcomments .blogwidgetlist__item+.blogwidgetlist__item{margin-top:1rem}.blogwidgetlist--recentcomments .blogwidgetlist__itemtext{margin-bottom:.25rem}.blogwidgetlist--recentcomments .blogwidgetlist__itemauthoron{margin-left:.25rem;margin-right:.25rem}.postauthor{display:flex}.postauthor+.postauthor{border-top:1px solid rgba(0,0,0,.15);padding-top:1.5rem;margin-top:1.5rem}.postauthor__avatar{margin-right:1rem}.postauthor__avatarimage{display:block;border-radius:50%;overflow:hidden}.postauthor__body{flex-grow:1}.postauthor__body>:last-child{margin-bottom:0}.postauthor__intro{opacity:.75}.postauthor__name{font-weight:700;font-size:1.25rem;line-height:1.5rem}.postauthor__sublinedivider{margin-right:.25rem}.postauthor__social{display:flex;align-items:center;flex-wrap:wrap;margin-top:.25rem}.postauthor__social+.postauthor__actions{margin-top:.5rem}.postauthor__sociallink{display:inline-flex;align-items:center;margin-right:.5rem}.postauthor__sociallinklabel{position:absolute!important;clip:rect(1px,1px,1px,1px)!important;padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden!important}.postauthor__bio{margin-top:1rem;margin-bottom:1rem}.postauthor__bio p{margin-bottom:.5rem}.postauthor__bio>:last-child{margin-bottom:0}.postauthor__actions{margin-bottom:1rem}.postcomment{display:flex}.postcomment+.postcomment{border-top:1px solid rgba(0,0,0,.15);padding-top:1.5rem;margin-top:1.5rem}.postcomment__avatar{margin-right:1rem}.postcomment__avatarimage{display:block;border-radius:50%;overflow:hidden}.postcomment__body{flex-grow:1}.postcomment__body>:last-child{margin-bottom:0}.postcomment__author{font-weight:700;font-size:1.25rem;line-height:1.5rem;margin-top:.5rem}.postcomment__comment{margin-top:1rem}.postcomment__comment p{margin-bottom:.5rem}.postcomment__comment>:last-child{margin-bottom:0}.postlist__post{margin-top:1.5rem}.postlist__post:first-of-type{margin-top:0}.postlist__postdescription{margin-top:.5rem;margin-bottom:.5rem}.postmetagroup{display:flex;align-items:center;margin:-.135rem -.5rem;flex-wrap:wrap}.postmetagroup__item{padding:.135rem .5rem;white-space:nowrap;width:100%}@media (min-width:576px){.postmetagroup__item{width:auto}}.postmetagroup__icon,.postmetagroup__prefix{opacity:.75}.postmetagroup__item{display:inline-flex}.postmetagroup__body{margin-left:.25rem}.postmetagroup__content{white-space:normal}.postmetagroup__list{padding:0;margin:0;list-style:none}.postmetagroup__list li{display:inline}.postmetagroup__list li:not(:last-child):after{display:inline;content:", ";margin-right:.25rem}.postmetagroup__listitem{display:inline-flex;align-items:center}.postmetagroup__listprefix{margin-right:.25rem;line-height:1}.postmetagroup__listavatar{display:inline-block;border-radius:50%}.postmetagroup--simple .postmetagroup__prefix{position:absolute!important;clip:rect(1px,1px,1px,1px)!important;padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden!important}.postmetagroup--condensed .postmetagroup__body{display:flex}.postmetagroup--condensed .postmetagroup__prefix:after{display:inline;content:":"}.postmetagroup--condensed .postmetagroup__content{margin-left:.25rem}.alert__title{font-weight:700}.alert__list{margin:0;padding:0;list-style:none}
\ No newline at end of file
+.blogcontainer{display:grid;grid-column-gap:40px}@media (min-width:992px){.blogcontainer{grid-template-columns:1fr 300px}}.bloglist__item{margin-top:1.5rem}.bloglist__item:first-of-type{margin-top:0}.bloglist__image{margin-bottom:1rem}.bloglist__imageavatar{margin-left:auto;margin-right:auto}.bloglist__description{margin-top:.5rem;margin-bottom:.5rem}.blogavatar{display:block;border-radius:50%;overflow:hidden}.blogarchiveheader{margin-bottom:2.5rem}.blogarchiveheader__title{margin-bottom:.5rem}.blogarchiveheader__titletext{margin-right:.5rem}.blogarchivefooter{margin-top:2.5rem}.blogbadge{display:inline-block;padding:.5em;border-radius:2px;border:1px solid;line-height:1em}.blogbadge:hover{text-decoration:none}.blogicon{top:.125em;position:relative;display:inline-flex;align-self:center}.blogicon svg{height:1em;width:1em}.blogimage img{max-width:100%;height:auto}.bloglinklist{padding:0;margin:0;list-style:none}.bloglinklist__itemcount{margin-left:.25rem}.bloglinklist__itemcount:before{content:"("}.bloglinklist__itemcount:after{content:")"}.blogpagination__list{margin-top:1.5rem;margin-bottom:0;display:flex;padding-left:0;list-style:none}.blogpagination__item:first-child .blogpagination__link{margin-left:0}.blogpagination__item--active{font-weight:700}.blogpagination__link{display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1;border:1px solid}.blogpagination__item--disabled .blogpagination__link{pointer-events:none;cursor:auto}.blogtaglist{padding:0;margin:-.25rem!important;list-style:none}.blogtaglist__item{display:inline-block;vertical-align:middle;margin:.25rem}.blogwidget{margin-bottom:1.5rem}.blogwidget:last-child{margin-bottom:0}.blogwidget__content{overflow:hidden}.blogwidget__content>:last-child{margin-bottom:0}.blogwidgetlist{padding:0;margin:0;list-style:none}.blogwidgetlist .blogwidgetlist{padding-left:1rem}.blogwidgetlist__itemcount{margin-left:.25rem}.blogwidgetlist__itemcount:before{content:"("}.blogwidgetlist__itemcount:after{content:")"}.blogwidgetlist__itemauthor{font-weight:700}.blogwidgetlist--tags{margin:-.25rem!important}.blogwidgetlist--tags .blogwidgetlist__item{display:inline-block;vertical-align:middle;margin:.25rem}.blogwidgetlist--recentcomments .blogwidgetlist__item+.blogwidgetlist__item{margin-top:1rem}.blogwidgetlist--recentcomments .blogwidgetlist__itemtext{margin-bottom:.25rem}.blogwidgetlist--recentcomments .blogwidgetlist__itemauthoron{margin-left:.25rem;margin-right:.25rem}.postauthor{display:flex}.postauthor+.postauthor{border-top:1px solid rgba(0,0,0,.15);padding-top:1.5rem;margin-top:1.5rem}.postauthor__avatar{margin-right:1rem}.postauthor__body{flex-grow:1}.postauthor__body>:last-child{margin-bottom:0}.postauthor__intro{opacity:.75}.postauthor__name{font-weight:700;font-size:1.25rem;line-height:1.5rem}.postauthor__sublinedivider{margin-right:.25rem}.postauthor__social{display:flex;align-items:center;flex-wrap:wrap;margin-top:.25rem}.postauthor__social+.postauthor__actions{margin-top:.5rem}.postauthor__sociallink{display:inline-flex;align-items:center;margin-right:.5rem}.postauthor__sociallinklabel{position:absolute!important;clip:rect(1px,1px,1px,1px)!important;padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden!important}.postauthor__bio{margin-top:1rem;margin-bottom:1rem}.postauthor__bio p{margin-bottom:.5rem}.postauthor__bio>:last-child{margin-bottom:0}.postauthor__actions{margin-bottom:1rem}.postcomment{display:flex}.postcomment+.postcomment{border-top:1px solid rgba(0,0,0,.15);padding-top:1.5rem;margin-top:1.5rem}.postcomment__avatar{margin-right:1rem}.postcomment__body{flex-grow:1}.postcomment__body>:last-child{margin-bottom:0}.postcomment__author{font-weight:700;font-size:1.25rem;line-height:1.5rem;margin-top:.5rem}.postcomment__comment{margin-top:1rem}.postcomment__comment p{margin-bottom:.5rem}.postcomment__comment>:last-child{margin-bottom:0}.postlist__post{margin-top:1.5rem}.postlist__post:first-of-type{margin-top:0}.postlist__postdescription{margin-top:.5rem;margin-bottom:.5rem}.postmetagroup{display:flex;align-items:center;margin:-.135rem -.5rem;flex-wrap:wrap}.postmetagroup__item{padding:.135rem .5rem;white-space:nowrap;width:100%}@media (min-width:576px){.postmetagroup__item{width:auto}}.postmetagroup__icon,.postmetagroup__prefix{opacity:.75}.postmetagroup__item{display:inline-flex}.postmetagroup__body{margin-left:.25rem}.postmetagroup__content{white-space:normal}.postmetagroup__list{padding:0;margin:0;list-style:none}.postmetagroup__list li{display:inline}.postmetagroup__list li:not(:last-child):after{display:inline;content:", ";margin-right:.25rem}.postmetagroup__listitem{display:inline-flex;align-items:center}.postmetagroup__listprefix{margin-right:.25rem;line-height:1}.postmetagroup--simple .postmetagroup__prefix{position:absolute!important;clip:rect(1px,1px,1px,1px)!important;padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden!important}.postmetagroup--condensed .postmetagroup__body{display:flex}.postmetagroup--condensed .postmetagroup__prefix:after{display:inline;content:":"}.postmetagroup--condensed .postmetagroup__content{margin-left:.25rem}.alert__title{font-weight:700}.alert__list{margin:0;padding:0;list-style:none}
\ No newline at end of file