Formatting

src/views/Feed/columns.jsx

@@ -352,15 +352,18 @@ export const columns = [
                 }
 
                 return (
-                    <div class="block w-full min-w-0 truncate">
+                    <div class="w-full min-w-0 truncate">
                         <i
+                            style="display:-webkit-inline-box"
                             class={[
                                 'x-user-status',
                                 'mr-2',
                                 statusClass(original.status)
                             ]}
                         ></i>
-                        <span>{original.statusDescription}</span>
+                        <span style="display:-webkit-inline-box">
+                            {original.statusDescription}
+                        </span>
                     </div>
                 );
             }

src/views/Sidebar/components/FriendItem.vue

@@ -17,7 +17,7 @@
                 <span v-if="isFriendActiveOrOffline" class="extra">{{ friend.ref.statusDescription }}</span>
                 <template v-else>
                     <div v-if="friend.pendingOffline" class="extra">
-                        <AlertTriangle /> {{ t('side_panel.pending_offline') }}
+                        <AlertTriangle class="inline-block" /> {{ t('side_panel.pending_offline') }}
                     </div>
                     <template v-else-if="isGroupByInstance">
                         <div class="flex items-center">