after QA

src/bundle/Resources/public/scss/_user-name.scss

@@ -2,6 +2,8 @@
     display: inline-flex;
 
     &__thumbnail {
+        width: calculateRem(20px);
+        height: calculateRem(20px);
         margin-right: calculateRem(8px);
     }
 

src/bundle/Resources/public/scss/_user-thumbnail.scss

@@ -1,7 +1,7 @@
 .ibexa-user-thumbnail {
     &--img {
-        width: calculateRem(24px);
-        height: calculateRem(24px);
+        width: calculateRem(20px);
+        height: calculateRem(20px);
         border-radius: 50%;
     }
 }

src/bundle/Resources/public/scss/ui/modules/_common.scss

@@ -2,3 +2,4 @@
 @import 'common/tooltip.popup';
 @import 'common/thumbnail';
 @import 'common/simple.dropdown';
+@import 'common/user.name';

src/bundle/Resources/public/scss/ui/modules/common/_user.name.scss

@@ -0,0 +1,7 @@
+.c-user-name {
+    .c-thumbnail__image {
+        width: calculateRem(20px);
+        height: calculateRem(20px);
+        border-radius: 50%;
+    }
+}

src/bundle/Resources/views/themes/admin/ui/component/user/user.html.twig

@@ -9,5 +9,9 @@
             }
         } only %}
     </span>
-    <span class="ibexa-user-name__text">{{ ibexa_content_name(user) }}</span>
+    {% if user_path is defined %}
+        <a href={{ user_path }} class="ibexa-user-name__text">{{ ibexa_content_name(user) }}</a>
+    {% else %}
+        <span class="ibexa-user-name__text">{{ ibexa_content_name(user) }}</span>
+    {% endif %}
 </div>

src/bundle/ui-dev/src/modules/common/thumbnail/thumbnail.js

@@ -27,7 +27,7 @@ const Thumbnail = ({ thumbnailData, iconExtraClasses, contentTypeIconPath }) =>
     return (
         <div className="c-thumbnail">
             {renderContentTypeIcon()}
-            <img src={thumbnailData.resource} />
+            <img className="c-thumbnail__image" src={thumbnailData.resource} />
         </div>
     );
 };