diff --git a/src/main/events/user/get-user-library.ts b/src/main/events/user/get-user-library.ts
index b7d6a86d..a8cca461 100644
--- a/src/main/events/user/get-user-library.ts
+++ b/src/main/events/user/get-user-library.ts
@@ -9,19 +9,19 @@ const getUserLibrary = async (
   skip?: number
 ): Promise<UserLibraryResponse | null> => {
   const params = new URLSearchParams();
-  
+
   if (take !== undefined) {
-    params.append('take', take.toString());
+    params.append("take", take.toString());
   }
-  
+
   if (skip !== undefined) {
-    params.append('skip', skip.toString());
+    params.append("skip", skip.toString());
   }
-  
+
   const queryString = params.toString();
-  const url = `/users/${userId}/library${queryString ? `?${queryString}` : ''}`;
-  
+  const url = `/users/${userId}/library${queryString ? `?${queryString}` : ""}`;
+
   return HydraApi.get<UserLibraryResponse>(url).catch(() => null);
 };
 
-registerEvent("getUserLibrary", getUserLibrary);
\ No newline at end of file
+registerEvent("getUserLibrary", getUserLibrary);
diff --git a/src/preload/index.ts b/src/preload/index.ts
index 608d8dfb..b32fd6b0 100644
--- a/src/preload/index.ts
+++ b/src/preload/index.ts
@@ -370,7 +370,8 @@ contextBridge.exposeInMainWorld("electron", {
 
   /* User */
   getUser: (userId: string) => ipcRenderer.invoke("getUser", userId),
-  getUserLibrary: (userId: string, take?: number, skip?: number) => ipcRenderer.invoke("getUserLibrary", userId, take, skip),
+  getUserLibrary: (userId: string, take?: number, skip?: number) =>
+    ipcRenderer.invoke("getUserLibrary", userId, take, skip),
   blockUser: (userId: string) => ipcRenderer.invoke("blockUser", userId),
   unblockUser: (userId: string) => ipcRenderer.invoke("unblockUser", userId),
   getUserFriends: (userId: string, take: number, skip: number) =>
diff --git a/src/renderer/src/declaration.d.ts b/src/renderer/src/declaration.d.ts
index c81a7e86..115841d4 100644
--- a/src/renderer/src/declaration.d.ts
+++ b/src/renderer/src/declaration.d.ts
@@ -37,7 +37,6 @@ import type {
   ShopDetailsWithAssets,
   AchievementCustomNotificationPosition,
   AchievementNotificationInfo,
-  UserGame,
   UserLibraryResponse,
 } from "@types";
 import type { AxiosProgressEvent } from "axios";
@@ -291,7 +290,11 @@ declare global {
 
     /* User */
     getUser: (userId: string) => Promise<UserProfile | null>;
-    getUserLibrary: (userId: string, take?: number, skip?: number) => Promise<UserLibraryResponse>;
+    getUserLibrary: (
+      userId: string,
+      take?: number,
+      skip?: number
+    ) => Promise<UserLibraryResponse>;
     blockUser: (userId: string) => Promise<void>;
     unblockUser: (userId: string) => Promise<void>;
     getUserFriends: (
diff --git a/src/renderer/src/pages/game-details/hero/hero-panel-actions.tsx b/src/renderer/src/pages/game-details/hero/hero-panel-actions.tsx
index 134f1d49..db0891ac 100644
--- a/src/renderer/src/pages/game-details/hero/hero-panel-actions.tsx
+++ b/src/renderer/src/pages/game-details/hero/hero-panel-actions.tsx
@@ -9,7 +9,7 @@ import {
   PlusCircleIcon,
 } from "@primer/octicons-react";
 import { Button } from "@renderer/components";
-import { useDownload, useLibrary, useToast } from "@renderer/hooks";
+import { useDownload, useLibrary, useToast, useUserDetails } from "@renderer/hooks";
 import { useContext, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { gameDetailsContext } from "@renderer/context";
@@ -21,6 +21,7 @@ export function HeroPanelActions() {
     useState(false);
 
   const { isGameDeleting } = useDownload();
+  const { userDetails } = useUserDetails();
 
   const {
     game,
@@ -223,14 +224,16 @@ export function HeroPanelActions() {
           {game.favorite ? <HeartFillIcon /> : <HeartIcon />}
         </Button>
 
-        <Button
-          onClick={toggleGamePinned}
-          theme="outline"
-          disabled={deleting}
-          className="hero-panel-actions__action"
-        >
-          {game.pinned ? <PinSlashIcon /> : <PinIcon />}
-        </Button>
+        {userDetails && (
+          <Button
+            onClick={toggleGamePinned}
+            theme="outline"
+            disabled={deleting}
+            className="hero-panel-actions__action"
+          >
+            {game.pinned ? <PinSlashIcon /> : <PinIcon />}
+          </Button>
+        )}
 
         <Button
           onClick={() => setShowGameOptionsModal(true)}
diff --git a/src/renderer/src/pages/profile/profile-content/profile-content.tsx b/src/renderer/src/pages/profile/profile-content/profile-content.tsx
index aa87f9b8..7b1ac8e2 100644
--- a/src/renderer/src/pages/profile/profile-content/profile-content.tsx
+++ b/src/renderer/src/pages/profile/profile-content/profile-content.tsx
@@ -16,13 +16,8 @@ import "./profile-content.scss";
 const GAME_STATS_ANIMATION_DURATION_IN_MS = 3500;
 
 export function ProfileContent() {
-  const {
-    userProfile,
-    isMe,
-    userStats,
-    libraryGames,
-    pinnedGames,
-  } = useContext(userProfileContext);
+  const { userProfile, isMe, userStats, libraryGames, pinnedGames } =
+    useContext(userProfileContext);
   const [statsIndex, setStatsIndex] = useState(0);
   const [isAnimationRunning, setIsAnimationRunning] = useState(true);
   const statsAnimation = useRef(-1);
@@ -74,8 +69,6 @@ export function ProfileContent() {
     return userProfile?.relation?.status === "ACCEPTED";
   }, [userProfile]);
 
-
-
   const content = useMemo(() => {
     if (!userProfile) return null;