diff --git a/src/main/events/user/get-user-friends.ts b/src/main/events/user/get-user-friends.ts
new file mode 100644
index 00000000..a82673eb
--- /dev/null
+++ b/src/main/events/user/get-user-friends.ts
@@ -0,0 +1,26 @@
+import { registerEvent } from "../register-event";
+import { HydraApi } from "@main/services";
+import { UserFriends } from "@types";
+
+export const getUserFriends = async (
+  userId: string,
+  take: number,
+  skip: number
+): Promise<UserFriends> => {
+  return HydraApi.get(`/user/${userId}/friends`, { take, skip }).catch(
+    (_err) => {
+      return { totalFriends: 0, friends: [] } as UserFriends;
+    }
+  );
+};
+
+const getUserFriendsEvent = async (
+  _event: Electron.IpcMainInvokeEvent,
+  userId: string,
+  take: number,
+  skip: number
+) => {
+  return getUserFriends(userId, take, skip);
+};
+
+registerEvent("getUserFriends", getUserFriendsEvent);
diff --git a/src/main/events/user/get-user.ts b/src/main/events/user/get-user.ts
index 7b4c0aa8..98b98a77 100644
--- a/src/main/events/user/get-user.ts
+++ b/src/main/events/user/get-user.ts
@@ -4,13 +4,17 @@ import { steamGamesWorker } from "@main/workers";
 import { UserProfile } from "@types";
 import { convertSteamGameToCatalogueEntry } from "../helpers/search-games";
 import { getSteamAppAsset } from "@main/helpers";
+import { getUserFriends } from "./get-user-friends";
 
 const getUser = async (
   _event: Electron.IpcMainInvokeEvent,
   userId: string
 ): Promise<UserProfile | null> => {
   try {
-    const profile = await HydraApi.get(`/user/${userId}`);
+    const [profile, friends] = await Promise.all([
+      HydraApi.get(`/user/${userId}`),
+      getUserFriends(userId, 12, 0),
+    ]);
 
     const recentGames = await Promise.all(
       profile.recentGames.map(async (game) => {
@@ -46,7 +50,7 @@ const getUser = async (
       })
     );
 
-    return { ...profile, libraryGames, recentGames };
+    return { ...profile, libraryGames, recentGames, friends };
   } catch (err) {
     return null;
   }
diff --git a/src/main/services/hydra-api.ts b/src/main/services/hydra-api.ts
index 97517b5b..6547ec15 100644
--- a/src/main/services/hydra-api.ts
+++ b/src/main/services/hydra-api.ts
@@ -72,7 +72,7 @@ export class HydraApi {
     this.instance.interceptors.request.use(
       (request) => {
         logger.log(" ---- REQUEST -----");
-        logger.log(request.method, request.url, request.data);
+        logger.log(request.method, request.url, request.params, request.data);
         return request;
       },
       (error) => {
@@ -196,12 +196,12 @@ export class HydraApi {
     throw err;
   };
 
-  static async get(url: string) {
+  static async get(url: string, params?: any) {
     if (!this.isLoggedIn()) throw new UserNotLoggedInError();
 
     await this.revalidateAccessTokenIfExpired();
     return this.instance
-      .get(url, this.getAxiosConfig())
+      .get(url, { params, ...this.getAxiosConfig() })
       .then((response) => response.data)
       .catch(this.handleUnauthorizedError);
   }
diff --git a/src/renderer/src/pages/user/user-content.tsx b/src/renderer/src/pages/user/user-content.tsx
index cf332405..c22aae4e 100644
--- a/src/renderer/src/pages/user/user-content.tsx
+++ b/src/renderer/src/pages/user/user-content.tsx
@@ -342,7 +342,7 @@ export function UserContent({
           </div>
 
           {(isMe ||
-            (userProfile.friends && userProfile.friends.length > 0)) && (
+            (userProfile.friends && userProfile.friends.totalFriends > 0)) && (
             <div className={styles.friendsSection}>
               <button
                 className={styles.friendsSectionHeader}
@@ -358,7 +358,7 @@ export function UserContent({
                   }}
                 />
                 <h3 style={{ fontWeight: "400" }}>
-                  {userProfile.friends.length}
+                  {userProfile.friends.totalFriends}
                 </h3>
               </button>
 
@@ -369,7 +369,7 @@ export function UserContent({
                   gap: `${SPACING_UNIT}px`,
                 }}
               >
-                {userProfile.friends.map((friend) => {
+                {userProfile.friends.friends.map((friend) => {
                   return (
                     <button
                       key={friend.id}
diff --git a/src/types/index.ts b/src/types/index.ts
index 891c75f9..826c768f 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -277,6 +277,11 @@ export interface UserFriend {
   profileImageUrl: string | null;
 }
 
+export interface UserFriends {
+  totalFriends: number;
+  friends: UserFriend[];
+}
+
 export interface FriendRequest {
   id: string;
   displayName: string;
@@ -291,7 +296,7 @@ export interface UserProfile {
   totalPlayTimeInSeconds: number;
   libraryGames: UserGame[];
   recentGames: UserGame[];
-  friends: UserFriend[];
+  friends: UserFriends;
 }
 
 export interface DownloadSource {