diff --git a/webapp/components/User/User.vue b/webapp/components/User/User.vue
index 811b9b9ca..f139ce6b9 100644
--- a/webapp/components/User/User.vue
+++ b/webapp/components/User/User.vue
@@ -11,17 +11,19 @@
         <div @mouseover="openMenu(true)" @mouseleave="closeMenu(true)">
           <hc-avatar class="avatar" :user="user" />
           <div>
-            <b class="username">{{ userName | truncate(18) }}</b>
+            <ds-text align="left">
+              <b class="username">{{ userName | truncate(18) }}</b>
+              <ds-text v-if="dateTime" size="small" color="soft">
+                <ds-icon name="clock" />
+                <client-only>
+                  <hc-relative-date-time :date-time="dateTime" />
+                </client-only>
+              </ds-text>
+            </ds-text>
           </div>
           <!-- Time -->
-          <ds-text align="right" size="small" color="soft">
-            <span class="slug">{{ userSlug }}</span>
-            <div v-if="dateTime" style="display: inline;">
-              <ds-icon name="clock" />
-              <client-only>
-                <hc-relative-date-time :date-time="dateTime" />
-              </client-only>
-            </div>
+          <ds-text align="left" size="small" color="soft">
+            {{ userSlug }}
           </ds-text>
         </div>
       </nuxt-link>
diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index d17af8e9f..0d04e8ca7 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -30,7 +30,7 @@
             <ds-heading tag="h3" align="center" no-margin>
               {{ userName }}
             </ds-heading>
-            <ds-text size="large" align="center" color="soft">
+            <ds-text align="center" color="soft">
               {{ userSlug }}
             </ds-text>
             <ds-text v-if="user.location" align="center" color="soft" size="small">