diff --git a/app/[user_id]/_components/WechatBar/index.jsx b/app/[user_id]/_components/WechatBar/index.jsx
index 32b8752..9ab2aa7 100644
--- a/app/[user_id]/_components/WechatBar/index.jsx
+++ b/app/[user_id]/_components/WechatBar/index.jsx
@@ -64,7 +64,7 @@ export default function WechatBar({ price, streamerMid }) {
   };
 
   return (
-    <div className="flex flex-col mt-12 bg-[#FFFFFF1A] rounded-2xl">
+    <div className="flex flex-col mt-8 bg-[#FFFFFF1A] rounded-2xl">
       <div
         onClick={() => setShowBuyWechat(!showBuyWechat)}
         className="flex flex-row cursor-pointer bg-[#07050A] border-2 border-[#FFFFFF26] rounded-2xl h-12 items-center justify-center"
diff --git a/app/[user_id]/page.jsx b/app/[user_id]/page.jsx
index cdcf2b5..7a115d6 100644
--- a/app/[user_id]/page.jsx
+++ b/app/[user_id]/page.jsx
@@ -63,7 +63,7 @@ export default function StreamerDetail({ params }) {
       </div>
       <div className="flex flex-col flex-1 px-4 py-2 z-10">
         <AuthBar />
-        <div className="flex flex-col items-center mt-28">
+        <div className="flex flex-col items-center mt-24">
           <div className="w-[74px] h-[74px] rounded-full overflow-hidden">
             <img
               src={data?.avatar?.images[0].urls[0]}
@@ -75,6 +75,9 @@ export default function StreamerDetail({ params }) {
             <p className="text-white text-2xl font-medium mr-1">{data?.name}</p>
             <Image src={verification} alt="" className="w-6 h-6" />
           </div>
+          <p className="text-secondary text-sm text-center font-medium mt-3 px-4">
+            {data?.bio}
+          </p>
         </div>
         <WechatBar
           price={Math.ceil(data?.wechat_coin_price / 9)}
diff --git a/app/tool/[user_id]/_components/WechatBar/index.jsx b/app/tool/[user_id]/_components/WechatBar/index.jsx
index 32b8752..9ab2aa7 100644
--- a/app/tool/[user_id]/_components/WechatBar/index.jsx
+++ b/app/tool/[user_id]/_components/WechatBar/index.jsx
@@ -64,7 +64,7 @@ export default function WechatBar({ price, streamerMid }) {
   };
 
   return (
-    <div className="flex flex-col mt-12 bg-[#FFFFFF1A] rounded-2xl">
+    <div className="flex flex-col mt-8 bg-[#FFFFFF1A] rounded-2xl">
       <div
         onClick={() => setShowBuyWechat(!showBuyWechat)}
         className="flex flex-row cursor-pointer bg-[#07050A] border-2 border-[#FFFFFF26] rounded-2xl h-12 items-center justify-center"
diff --git a/app/tool/[user_id]/page.jsx b/app/tool/[user_id]/page.jsx
index 0da39aa..83ecc8d 100644
--- a/app/tool/[user_id]/page.jsx
+++ b/app/tool/[user_id]/page.jsx
@@ -72,7 +72,7 @@ export default function StreamerDetail({ params }) {
         </div>
       </div>
       <div className="flex flex-col flex-1 px-4 py-2 z-10">
-        <div className="flex flex-col items-center mt-28">
+        <div className="flex flex-col items-center mt-24">
           <div className="w-[74px] h-[74px] rounded-full overflow-hidden">
             <img
               src={data?.avatar?.images[0].urls[0]}
@@ -84,6 +84,9 @@ export default function StreamerDetail({ params }) {
             <p className="text-white text-2xl font-medium mr-1">{data?.name}</p>
             <Image src={verification} alt="" className="w-6 h-6" />
           </div>
+          <p className="text-secondary text-sm text-center font-medium mt-3 px-4">
+            {data?.bio}
+          </p>
         </div>
         <WechatBar
           price={Math.ceil(data?.wechat_coin_price / 9)}