diff --git a/src/components/BindKaiqiuAccount.tsx b/src/components/BindKaiqiuAccount.tsx
index f47c680..a4d1fd1 100644
--- a/src/components/BindKaiqiuAccount.tsx
+++ b/src/components/BindKaiqiuAccount.tsx
@@ -1,6 +1,6 @@
 import { useRequest } from "ahooks";
 import { useAuthHeaders } from "../hooks/useAuthHeaders";
-import { Alert, App, Button, Drawer, Flex, Form, Input, Spin, Typography } from "antd";
+import { Alert, App, Button, Drawer, Flex, Form, Input, Skeleton, Space, Spin, Typography } from "antd";
 import { ExportOutlined, LinkOutlined } from "@ant-design/icons";
 import { useCallback, useState } from "react";
 import { useNavigate } from "react-router";
@@ -46,13 +46,21 @@ export const BindKaiqiuAccount = () => {
     });
   }, [modal]);
   const navigate = useNavigate();
-  if (isBindReq.data?.isBinded === undefined) return null;
+  if (isBindReq.data?.isBinded === undefined) {
+    return (
+      <Skeleton.Input active />
+    );
+  };
   if (isBindReq.data?.isBinded) {
     return (
-      <Flex gap={8} onClick={() => navigate(`/profile/${isBindReq.data?.uid}`)}>
-        <Typography.Text type="secondary">UID: {isBindReq.data?.uid ?? '-'}</Typography.Text>
-        <ExportOutlined />
-      </Flex>
+      <Button type="text" onClick={() => navigate(`/profile/${isBindReq.data?.uid}`)}>
+        <Typography.Text type="secondary">
+          <Space>
+            UID: {isBindReq.data?.uid ?? '-'}
+            <ExportOutlined />
+          </Space>
+        </Typography.Text>
+      </Button>
     );
   }
   return (