diff --git a/frontend/src/ts/components/pages/connections/FriendsList.tsx b/frontend/src/ts/components/pages/connections/FriendsList.tsx
index b5a9dbb050a7..87856a7ab567 100644
--- a/frontend/src/ts/components/pages/connections/FriendsList.tsx
+++ b/frontend/src/ts/components/pages/connections/FriendsList.tsx
@@ -44,7 +44,7 @@ export function FriendsList() {
 
   return (
     <div>
-      <div class="items-bottom flex">
+      <div class="flex items-center">
         <H2 text="Friends" fa={{ icon: "fa-user-friends", fixedWidth: true }} />
         <Show when={query.isRefetching}>
           <LoadingCircle />