diff --git a/framework/core/js/src/forum/components/PostUser.tsx b/framework/core/js/src/forum/components/PostUser.tsx
index f5f8394595..2e42705b36 100644
--- a/framework/core/js/src/forum/components/PostUser.tsx
+++ b/framework/core/js/src/forum/components/PostUser.tsx
@@ -54,8 +54,6 @@ export default class PostUser<CustomAttrs extends IPostUserAttrs = IPostUserAttr
       100
     );
 
-    items.add('postUser-badges', <ul className="PostUser-badges badges badges--packed">{listItems(user.badges().toArray())}</ul>, 90);
-
     return items;
   }
 
@@ -71,6 +69,8 @@ export default class PostUser<CustomAttrs extends IPostUserAttrs = IPostUserAttr
 
     items.add('username', username(user), 80);
 
+    items.add('badges', <ul className="PostUser-badges badges">{listItems(user.badges().toArray())}</ul>, 70);
+
     return items;
   }
 }
diff --git a/framework/core/less/forum/Post.less b/framework/core/less/forum/Post.less
index 190a144ce8..0f798a0f87 100644
--- a/framework/core/less/forum/Post.less
+++ b/framework/core/less/forum/Post.less
@@ -81,9 +81,22 @@
   }
 }
 .PostUser-badges {
-  text-align: right;
+  display: inline-flex;
+  align-items: center;
   white-space: nowrap;
   pointer-events: none;
+  margin-left: 6px;
+  vertical-align: middle;
+  gap: 2px;
+
+  > li {
+    display: flex;
+    align-items: center;
+  }
+
+  .Badge {
+    .Badge--size(16px);
+  }
 }
 
 .Post-body {
@@ -375,17 +388,6 @@
       display: none;
     }
   }
-  .PostUser-badges {
-    position: absolute;
-    top: -12px;
-    left: 6px;
-    width: 32px;
-
-    .Badge {
-      .Badge--size(20px);
-      margin-left: -13px;
-    }
-  }
   .EventPost {
     padding-left: 50px;
   }
@@ -413,13 +415,6 @@
   .Post-header .Post-avatar {
     display: none;
   }
-  .PostUser-badges {
-    float: left;
-    position: relative;
-    margin-left: calc(~"5px - var(--avatar-column-width)");
-    margin-top: -3px;
-    width: 64px;
-  }
   .EventPost-icon {
     text-align: right;
     width: 64px;