diff --git a/src/views/partials/topic/post-preview.tpl b/src/views/partials/topic/post-preview.tpl
index 696a673f19..107075eef3 100644
--- a/src/views/partials/topic/post-preview.tpl
+++ b/src/views/partials/topic/post-preview.tpl
@@ -1,13 +1,11 @@
-<div id="post-tooltip" class="card card-body shadow text-bg-light" style="position:absolute; z-index: 1;">
-    <div class="clearfix">
-        <div class="icon float-start">
+<div id="post-tooltip" class="card card-body shadow bg-body text-body z-1 position-absolute">
+    <div class="d-flex flex-column gap-2">
+        <div class="d-flex gap-1 align-items-center">
             <a href="{{{ if post.user.userslug }}}{config.relative_path}/user/{post.user.userslug}{{{ else }}}#{{{ end }}}">
                 {buildAvatar(post.user, "24px", true, "", "user/picture")} {post.user.username}
             </a>
+            <span class="timeago text-xs" title="{post.timestampISO}"></span>
         </div>
-        <small class="float-end">
-            <span class="timeago" title="{post.timestampISO}"></span>
-        </small>
+        <div class="content">{post.content}</div>
     </div>
-    <div class="content">{post.content}</div>
 </div>