diff --git a/js/forum/dist/app.js b/js/forum/dist/app.js
index 981c5f600..217f002c2 100644
--- a/js/forum/dist/app.js
+++ b/js/forum/dist/app.js
@@ -26756,7 +26756,6 @@ System.register('flarum/components/PostUser', ['flarum/Component', 'flarum/compo
             return m(
               'div',
               { className: 'PostUser' },
-              userOnline(user),
               m(
                 'h3',
                 null,
@@ -26764,7 +26763,7 @@ System.register('flarum/components/PostUser', ['flarum/Component', 'flarum/compo
                   'a',
                   { href: app.route.user(user), config: m.route },
                   avatar(user, { className: 'PostUser-avatar' }),
-                  ' ',
+                  userOnline(user),
                   username(user)
                 )
               ),
diff --git a/js/forum/src/components/PostUser.js b/js/forum/src/components/PostUser.js
index 38e64f1f5..be0e06acb 100644
--- a/js/forum/src/components/PostUser.js
+++ b/js/forum/src/components/PostUser.js
@@ -46,10 +46,11 @@ export default class PostUser extends Component {
 
     return (
       <div className="PostUser">
-        {userOnline(user)}
         <h3>
           <a href={app.route.user(user)} config={m.route}>
-            {avatar(user, {className: 'PostUser-avatar'})}{' '}{username(user)}
+            {avatar(user, {className: 'PostUser-avatar'})}
+            {userOnline(user)}
+            {username(user)}
           </a>
         </h3>
         <ul className="PostUser-badges badges">
diff --git a/less/forum/Post.less b/less/forum/Post.less
index 45a1c74e0..f8c9c1b62 100644
--- a/less/forum/Post.less
+++ b/less/forum/Post.less
@@ -50,10 +50,11 @@
   }
 
   .UserOnline {
+    margin-right: 5px;
+
     & .icon {
       font-size: 12px;
     }
-
     & .fa-circle {
       color: @online-user-circle-color;
     }