diff --git a/com.woltlab.wcf/templates/boxArticleList.tpl b/com.woltlab.wcf/templates/boxArticleList.tpl
index 1ab091b5b72..db2f149e259 100644
--- a/com.woltlab.wcf/templates/boxArticleList.tpl
+++ b/com.woltlab.wcf/templates/boxArticleList.tpl
@@ -2,10 +2,6 @@
 	<ul class="sidebarList">
 		{foreach from=$boxArticleList item=boxArticle}
 			<li class="sidebarListItem">
-				<div class="sidebarListItem__avatar">
-					{user object=$boxArticle->getUserProfile() type='avatar32' ariaHidden='true' tabindex='-1'}
-				</div>
-				
 				<div class="sidebarListItem__content">
 					<h3 class="sidebarListItem__title">
 						{anchor object=$boxArticle class='articleLink sidebarListItem__link' title=$boxArticle->getTitle()}
@@ -14,22 +10,25 @@
 
 				<div class="sidebarListItem__meta">
 					{if $boxSortField == 'time'}
-						<div class="sidebarListItem__meta__author">
-							{user object=$boxArticle->getUserProfile() tabindex='-1'}
+						<div class="sidebarListItem__meta__item sidebarListItem__meta__avatar">
+							{unsafe:$boxArticle->getUserProfile()->getAvatar()->getImageTag(16)}
+						</div>
+						<div class="sidebarListItem__meta__item sidebarListItem__meta__author">
+							{unsafe:$boxArticle->getUserProfile()->getFormattedUsername()}
 						</div>
-						<div class="sidebarListItem__meta__time">
+						<div class="sidebarListItem__meta__item sidebarListItem__meta__time">
 							{time time=$boxArticle->time}
 						</div>
 					{elseif $boxSortField == 'views'}
-						<div class="sidebarListItem__meta__views">
+						<div class="sidebarListItem__meta__item sidebarListItem__meta__views">
 							{lang article=$boxArticle}wcf.article.articleViews{/lang}
 						</div>
 					{elseif $boxSortField == 'comments'}
-						<div class="sidebarListItem__meta__comments">
+						<div class="sidebarListItem__meta__item sidebarListItem__meta__comments">
 							{$boxArticle->getDiscussionProvider()->getDiscussionCountPhrase()}
 						</div>
 					{elseif $boxSortField == 'cumulativeLikes'}
-						<div class="sidebarListItem__meta__reactions">
+						<div class="sidebarListItem__meta__item sidebarListItem__meta__reactions">
 							{if MODULE_LIKE && $__wcf->getSession()->getPermission('user.like.canViewLike') && $boxArticle->cachedReactions}
 								{include file='shared_topReaction' cachedReactions=$boxArticle->cachedReactions render='full'}
 							{/if}
diff --git a/com.woltlab.wcf/templates/boxFollowingsOnline.tpl b/com.woltlab.wcf/templates/boxFollowingsOnline.tpl
index a3c294ef2cf..8653f30e598 100644
--- a/com.woltlab.wcf/templates/boxFollowingsOnline.tpl
+++ b/com.woltlab.wcf/templates/boxFollowingsOnline.tpl
@@ -1,7 +1,7 @@
 <ol class="sidebarList">
 	{foreach from=$usersOnlineList item=userOnline}
 		<li class="sidebarListItem">
-			<div class="sidebarListItem__avatar">
+			<div class="sidebarListItem__image">
 				{user object=$userOnline type='avatar32' ariaHidden='true' tabindex='-1'}
 			</div>
 
@@ -12,7 +12,7 @@
 			</div>
 
 			<div class="sidebarListItem__meta">
-				<div class="sidebarListItem__meta__time">
+				<div class="sidebarListItem__meta__item sidebarListItem__meta__time">
 					{time time=$userOnline->lastActivityTime}
 				</div>
 			</div>
diff --git a/com.woltlab.wcf/templates/boxPaidSubscriptionsSidebar.tpl b/com.woltlab.wcf/templates/boxPaidSubscriptionsSidebar.tpl
index 60fabc41948..801cc2f221e 100644
--- a/com.woltlab.wcf/templates/boxPaidSubscriptionsSidebar.tpl
+++ b/com.woltlab.wcf/templates/boxPaidSubscriptionsSidebar.tpl
@@ -12,7 +12,7 @@
 			</div>
 
 			<div class="sidebarListItem__meta">
-				<div class="sidebarListItem__meta__buttons">
+				<div class="sidebarListItem__meta__item sidebarListItem__meta__buttons">
 					{if !PAID_SUBSCRIPTION_ENABLE_TOS_CONFIRMATION && $__wcf->user->canPurchasePaidSubscriptions()}
 						<ul class="buttonList">
 							{foreach from=$subscription->getPurchaseButtons() item=button}
diff --git a/com.woltlab.wcf/templates/boxRecentActivitySidebar.tpl b/com.woltlab.wcf/templates/boxRecentActivitySidebar.tpl
index abeeea90049..a08637dae9a 100644
--- a/com.woltlab.wcf/templates/boxRecentActivitySidebar.tpl
+++ b/com.woltlab.wcf/templates/boxRecentActivitySidebar.tpl
@@ -1,10 +1,6 @@
 <ol class="sidebarList">
 	{foreach from=$eventList item=event}
 		<li class="sidebarListItem{if $__wcf->getUserProfileHandler()->isIgnoredUser($event->getUserProfile()->userID, 2)} ignoredUserContent{/if}">
-			<div class="sidebarListItem__avatar">
-				{user object=$event->getUserProfile() type='avatar32' ariaHidden='true' tabindex='-1'}
-			</div>
-
 			<div class="sidebarListItem__content">
 				<h3 class="sidebarListItem__title">
 					{if $event->getLink()}
@@ -16,7 +12,13 @@
 			</div>
 
 			<div class="sidebarListItem__meta">
-				<div class="sidebarListItem__meta__time">
+				<div class="sidebarListItem__meta__item sidebarListItem__meta__avatar">
+					{unsafe:$event->getUserProfile()->getAvatar()->getImageTag(16)}
+				</div>
+				<div class="sidebarListItem__meta__item sidebarListItem__meta__author">
+					{unsafe:$event->getUserProfile()->getFormattedUsername()}
+				</div>
+				<div class="sidebarListItem__meta__item sidebarListItem__meta__time">
 					{time time=$event->time}
 				</div>
 			</div>
diff --git a/com.woltlab.wcf/templates/boxSidebarCommentList.tpl b/com.woltlab.wcf/templates/boxSidebarCommentList.tpl
index 71b7b740da6..2ce48b84b84 100644
--- a/com.woltlab.wcf/templates/boxSidebarCommentList.tpl
+++ b/com.woltlab.wcf/templates/boxSidebarCommentList.tpl
@@ -1,10 +1,6 @@
 <ol class="sidebarList">
 	{foreach from=$boxCommentList item=boxComment}
 		<li class="sidebarListItem">
-			<div class="sidebarListItem__avatar">
-				{user object=$boxComment->getUserProfile() type='avatar32' ariaHidden='true' tabindex='-1'}
-			</div>
-
 			<div class="sidebarListItem__content">
 				<h3 class="sidebarListItem__title">
 					<a href="{$boxComment->getLink()}" class="sidebarListItem__link">{$boxComment->title}</a>
@@ -16,11 +12,13 @@
 			</div>
 
 			<div class="sidebarListItem__meta">
-				<div class="sidebarListItem__meta__author">
-					{user object=$boxComment->getUserProfile() tabindex='-1'}
+				<div class="sidebarListItem__meta__item sidebarListItem__meta__avatar">
+					{unsafe:$boxComment->getUserProfile()->getAvatar()->getImageTag(16)}
 				</div>
-				
-				<div class="sidebarListItem__meta__time">
+				<div class="sidebarListItem__meta__item sidebarListItem__meta__author">
+					{unsafe:$boxComment->getUserProfile()->getFormattedUsername()}
+				</div>
+				<div class="sidebarListItem__meta__item sidebarListItem__meta__time">
 					{time time=$boxComment->time}
 				</div>
 			</div>
diff --git a/com.woltlab.wcf/templates/boxStaffOnline.tpl b/com.woltlab.wcf/templates/boxStaffOnline.tpl
index 7d48333a663..e002802061b 100644
--- a/com.woltlab.wcf/templates/boxStaffOnline.tpl
+++ b/com.woltlab.wcf/templates/boxStaffOnline.tpl
@@ -1,7 +1,7 @@
 <ol class="sidebarList">
 	{foreach from=$usersOnlineList item=userOnline}
 		<li class="sidebarListItem">
-			<div class="sidebarListItem__avatar">
+			<div class="sidebarListItem__image">
 				{user object=$userOnline type='avatar32' ariaHidden='true' tabindex='-1'}
 			</div>
 
@@ -14,7 +14,7 @@
 
 			{if MODULE_USER_RANK}
 				<div class="sidebarListItem__meta">
-					<div class="sidebarListItem__meta__userRank">
+					<div class="sidebarListItem__meta__item sidebarListItem__meta__userRank">
 						{if $userOnline->getUserTitle()}
 							<p><span class="badge userTitleBadge{if $userOnline->getRank() && $userOnline->getRank()->cssClassName} {$userOnline->getRank()->cssClassName}{/if}">{$userOnline->getUserTitle()}</span></p>
 						{/if}
diff --git a/com.woltlab.wcf/templates/boxTodaysBirthdays.tpl b/com.woltlab.wcf/templates/boxTodaysBirthdays.tpl
index 6bb4ed42969..25f0bcb4be9 100644
--- a/com.woltlab.wcf/templates/boxTodaysBirthdays.tpl
+++ b/com.woltlab.wcf/templates/boxTodaysBirthdays.tpl
@@ -1,7 +1,7 @@
 <ol class="sidebarList">
 	{foreach from=$birthdayUserProfiles item=birthdayUserProfile}
 		<li class="sidebarListItem">
-			<div class="sidebarListItem__avatar">
+			<div class="sidebarListItem__image">
 				{user object=$birthdayUserProfile type='avatar32' ariaHidden='true' tabindex='-1'}
 			</div>
 
@@ -12,7 +12,7 @@
 			</div>
 
 			<div class="sidebarListItem__meta">
-				<div class="sidebarListItem__meta__birthday">
+				<div class="sidebarListItem__meta__item sidebarListItem__meta__birthday">
 					{$birthdayUserProfile->getBirthday()}
 				</div>
 			</div>
diff --git a/com.woltlab.wcf/templates/boxTodaysFollowingBirthdays.tpl b/com.woltlab.wcf/templates/boxTodaysFollowingBirthdays.tpl
index 39b48451f4b..ba934d4b356 100644
--- a/com.woltlab.wcf/templates/boxTodaysFollowingBirthdays.tpl
+++ b/com.woltlab.wcf/templates/boxTodaysFollowingBirthdays.tpl
@@ -1,7 +1,7 @@
 <ol class="sidebarList">
 	{foreach from=$birthdayUserProfiles item=birthdayUserProfile}
 		<li class="sidebarListItem">
-			<div class="sidebarListItem__avatar">
+			<div class="sidebarListItem__image">
 				{user object=$birthdayUserProfile type='avatar32' ariaHidden='true' tabindex='-1'}
 			</div>
 
@@ -12,7 +12,7 @@
 			</div>
 
 			<div class="sidebarListItem__meta">
-				<div class="sidebarListItem__meta__birthday">
+				<div class="sidebarListItem__meta__item sidebarListItem__meta__birthday">
 					{$birthdayUserProfile->getBirthday()}
 				</div>
 			</div>
diff --git a/com.woltlab.wcf/templates/boxUserListSidebar.tpl b/com.woltlab.wcf/templates/boxUserListSidebar.tpl
index e0c9270bba7..6d48063b0e0 100644
--- a/com.woltlab.wcf/templates/boxUserListSidebar.tpl
+++ b/com.woltlab.wcf/templates/boxUserListSidebar.tpl
@@ -1,7 +1,7 @@
 <ol class="sidebarList">
 	{foreach from=$boxUsers item=boxUser}
 		<li class="sidebarListItem">
-			<div class="sidebarListItem__avatar">
+			<div class="sidebarListItem__image">
 				{user object=$boxUser type='avatar32' ariaHidden='true' tabindex='-1'}
 			</div>
 
@@ -13,15 +13,15 @@
 
 			<div class="sidebarListItem__meta">
 				{if $boxSortField == 'activityPoints'}
-					<div class="sidebarListItem__meta__points">
+					<div class="sidebarListItem__meta__item sidebarListItem__meta__points">
 						{lang}wcf.user.boxList.description.activityPoints{/lang}
 					</div>
 				{elseif $boxSortField == 'likesReceived'}
-					<div class="sidebarListItem__meta__likes">
+					<div class="sidebarListItem__meta__item sidebarListItem__meta__likes">
 						{lang}wcf.user.boxList.description.likesReceived{/lang}
 					</div>
 				{elseif $boxSortField == 'registrationDate'}
-					<div class="sidebarListItem__meta__time">
+					<div class="sidebarListItem__meta__item sidebarListItem__meta__time">
 						{time time=$boxUser->registrationDate}
 					</div>
 				{/if}
diff --git a/com.woltlab.wcf/templates/boxUserTrophyListSidebar.tpl b/com.woltlab.wcf/templates/boxUserTrophyListSidebar.tpl
index 272fb5bef21..f2abb59c50f 100644
--- a/com.woltlab.wcf/templates/boxUserTrophyListSidebar.tpl
+++ b/com.woltlab.wcf/templates/boxUserTrophyListSidebar.tpl
@@ -1,7 +1,7 @@
 <ol class="sidebarList">
 	{foreach from=$boxUserTrophyList item=boxUserTrophy}
 		<li class="sidebarListItem">
-			<div class="sidebarListItem__avatar">
+			<div class="sidebarListItem__image">
 				{unsafe:$boxUserTrophy->getTrophy()->renderTrophy(32)}
 			</div>
 
@@ -14,10 +14,13 @@
 			</div>
 
 			<div class="sidebarListItem__meta">
-				<div class="sidebarListItem__meta__author">
+				<div class="sidebarListItem__meta__item sidebarListItem__meta__avatar">
+					{unsafe:$boxUserTrophy->getUserProfile()->getAvatar()->getImageTag(16)}
+				</div>
+				<div class="sidebarListItem__meta__item sidebarListItem__meta__author">
 					{user object=$boxUserTrophy->getUserProfile() tabindex='-1'}
 				</div>
-				<div class="sidebarListItem__meta__time">
+				<div class="sidebarListItem__meta__item sidebarListItem__meta__time">
 					{time time=$boxUserTrophy->time}
 				</div>
 			</div>
diff --git a/com.woltlab.wcf/templates/userSidebar.tpl b/com.woltlab.wcf/templates/userSidebar.tpl
index b43632c8692..ca42810a2f5 100644
--- a/com.woltlab.wcf/templates/userSidebar.tpl
+++ b/com.woltlab.wcf/templates/userSidebar.tpl
@@ -7,7 +7,7 @@
 				<ol class="sidebarList">
 					{foreach from=$user->getSpecialTrophies() item=trophy}
 						<li class="sidebarListItem">
-							<div class="sidebarListItem__avatar">
+							<div class="sidebarListItem__image">
 								{unsafe:$trophy->renderTrophy(32)}
 							</div>
 
diff --git a/wcfsetup/install/files/style/ui/sidebarList.scss b/wcfsetup/install/files/style/ui/sidebarList.scss
index d0de6644116..1bdc4bd65ec 100644
--- a/wcfsetup/install/files/style/ui/sidebarList.scss
+++ b/wcfsetup/install/files/style/ui/sidebarList.scss
@@ -7,17 +7,21 @@
 .sidebarListItem {
 	display: grid;
 	grid-template-areas:
-		"avatar content"
-		"avatar meta";
+		"image content"
+		"image meta";
 	grid-template-columns: min-content 1fr;
 	grid-template-rows: 1fr min-content;
-	column-gap: 10px;
-	row-gap: 5px;
 	position: relative;
+	row-gap: 2px;
 }
 
-.sidebarListItem__avatar {
-	grid-area: avatar;
+.sidebarListItem__image {
+	grid-area: image;
+	margin-right: 10px;
+}
+
+.sidebarListItem__image img {
+	max-width: 64px;
 }
 
 .sidebarListItem__content {
@@ -29,15 +33,15 @@
 
 .sidebarListItem__meta {
 	grid-area: meta;
+	color: var(--wcfContentDimmedText);
+	display: flex;
+	flex-wrap: wrap;
 
 	@include wcfFontSmall;
 }
 
-.sidebarListItem__meta__time {
-	color: var(--wcfContentDimmedText);
-}
-
-a.sidebarListItem__link {
+/* Selector required to override legacy styling of the sidebar. */
+.sidebarListItem .sidebarListItem__link {
 	color: inherit;
 
 	&::before {
@@ -66,3 +70,17 @@ a.sidebarListItem__link {
 .sidebarListItem__description {
 	@include wcfFontSmall;
 }
+
+.sidebarListItem__meta__item {
+	align-items: center;
+	display: flex;
+}
+
+.sidebarListItem__meta__avatar + .sidebarListItem__meta__item {
+	margin-left: 5px;
+}
+
+.sidebarListItem__meta__item:not(.sidebarListItem__meta__avatar) + .sidebarListItem__meta__item::before {
+	content: "•";
+	margin: 0 3px;
+}