diff --git a/templates/partials/header/unread-drawer.tpl b/templates/partials/header/unread-drawer.tpl
index 54b1b7a..dba6501 100644
--- a/templates/partials/header/unread-drawer.tpl
+++ b/templates/partials/header/unread-drawer.tpl
@@ -1,6 +1,8 @@
-<a class="nav-link dropdown-toggle d-flex gap-2 align-items-center" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[unread:title]]">
-	<i class="fa fa-fw fa-inbox" aria-hidden="true"></i>
-	<span component="unread/count" class="badge rounded-1 bg-primary {{{ if !unreadCount.topic }}}hidden{{{ end }}}">{unreadCount.topic}</span>
+<a class="nav-link dropdown-toggle d-flex align-items-center justify-content-center" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[unread:title]]">
+	<span class="position-relative">
+		<i class="fa fa-fw fa-inbox" aria-hidden="true"></i>
+		<span component="unread/count" class="position-absolute top-0 start-100 translate-middle badge rounded-1 bg-primary {{{ if !unreadCount.topic }}}hidden{{{ end }}}">{unreadCount.topic}</span>
+	</span>
 </a>
 <ul class="dropdown-menu wg-topbar__dropdown unread-dropdown p-1 shadow" role="menu" data-wg-unread-menu>
 	<li data-wg-unread-loading class="dropdown-item disabled"><i class="fa fa-fw fa-spinner fa-spin" aria-hidden="true"></i> [[unread:title]]</li>