diff --git a/client/web/src/routes/Main/Content/Personal/Friends/index.tsx b/client/web/src/routes/Main/Content/Personal/Friends/index.tsx
index 890bb470..3357c14d 100644
--- a/client/web/src/routes/Main/Content/Personal/Friends/index.tsx
+++ b/client/web/src/routes/Main/Content/Personal/Friends/index.tsx
@@ -23,7 +23,7 @@ export const FriendPanel: React.FC = React.memo(() => {
   const received = friendRequests.filter((item) => item.to === userId);
 
   const handleSwitchToAddFriend = useCallback(() => {
-    setActiveKey('add');
+    setActiveKey('4');
   }, []);
 
   return (