diff --git a/src/assets/index.css b/src/assets/index.css
index 02de17d1..4249af64 100644
--- a/src/assets/index.css
+++ b/src/assets/index.css
@@ -216,7 +216,7 @@
   height: 5px;
 }
 html.dark ::-webkit-scrollbar-thumb {
-  background: #1c1c1e;
+  background: rgb(17 24 39);
 }
 /* markdown overrides */
 
diff --git a/src/common/component/FileMessage/AudioMessage.tsx b/src/common/component/FileMessage/AudioMessage.tsx
index 348f4ed1..df10baaf 100644
--- a/src/common/component/FileMessage/AudioMessage.tsx
+++ b/src/common/component/FileMessage/AudioMessage.tsx
@@ -18,16 +18,16 @@ const AudioMessage = ({ url, name, size, download }: Props) => {
     };
     const _size = formatBytes(size);
     return (
-        <div className='w-96 flex flex-col gap-2 px-3 py-2 rounded-md border border-solid border-gray-300 overflow-hidden bg-stone-100'>
+        <div className='w-96 flex flex-col gap-2 px-3 py-2 rounded-md border border-solid border-gray-300 dark:border-gray-500 overflow-hidden bg-stone-100 dark:bg-stone-900'>
             <div className="flex justify-between z-30 overflow-hidden">
                 <div className="flex gap-2 ">
                     <IconAudio className="w-9 h-auto" />
-                    <div className="flex flex-col gap-1 text-sm text-gray-700">
+                    <div className="flex flex-col gap-1 text-sm text-gray-700 dark:text-gray-300">
                         <span title={name} className='font-bold w-[240px] truncate'>{name}</span>
                         <span>{_size}</span>
                     </div>
                 </div>
-                <a href={download} className="mt-2"><IconDownload className="download_icon gray" /></a>
+                <a href={download} className="mt-2"><IconDownload className="fill-gray-500 dark:fill-gray-400" /></a>
             </div>
             <audio src={url} onCanPlay={handleCanPlay} controls className={clsx("w-full object-cover z-10", canPlay ? "" : "hidden")} />
         </div>
diff --git a/src/common/component/GoBackNav.tsx b/src/common/component/GoBackNav.tsx
index b93b4bb3..470e457d 100644
--- a/src/common/component/GoBackNav.tsx
+++ b/src/common/component/GoBackNav.tsx
@@ -11,7 +11,7 @@ const GoBackNav = ({ path, className = "" }: Props) => {
     const isChannelChatPage = useMatch("/chat/channel/:channel_id");
     const isDMChatPage = useMatch("/chat/dm/:user_id");
     const isProfilePage = useMatch("/users/:user_id");
-    console.log("routt", isChannelChatPage, isDMChatPage);
+    // console.log("routt", isChannelChatPage, isDMChatPage);
     const isChatPage = !!isChannelChatPage || !!isDMChatPage;
     const handleBack = () => {
         if (path) {
diff --git a/src/common/component/InviteModal/AddMembers.tsx b/src/common/component/InviteModal/AddMembers.tsx
index 358637c8..caf1562e 100644
--- a/src/common/component/InviteModal/AddMembers.tsx
+++ b/src/common/component/InviteModal/AddMembers.tsx
@@ -97,7 +97,7 @@ const AddMembers: FC<Props> = ({ cid = 0, closeModal }) => {
           );
         })}
       </ul>
-      <Button disabled={selects.length == 0 || isAdding} className="flex mt-4 justify-center" onClick={handleAddMembers}>
+      <Button disabled={selects.length == 0 || isAdding} className="flex mt-4 justify-center items-center" onClick={handleAddMembers}>
         {isAdding ? `Adding` : "Add"} to #{channel.name}
       </Button>
     </div>
diff --git a/src/common/component/Message/ForwardedMessage.tsx b/src/common/component/Message/ForwardedMessage.tsx
index de92a922..2d5e126f 100644
--- a/src/common/component/Message/ForwardedMessage.tsx
+++ b/src/common/component/Message/ForwardedMessage.tsx
@@ -37,7 +37,7 @@ const ForwardedMessage: FC<Props> = ({ context, to, from_uid, id }) => {
               return (
                 <div className="w-full relative flex items-start gap-4 px-2 py-1 my-2 rounded-lg" key={idx}>
                   {user && (
-                    <div >
+                    <div className="w-6 h-6 rounded-full flex shrink-0 overflow-hidden">
                       <Avatar width={24} height={24} src={user.avatar} name={user.name} />
                     </div>
                   )}
diff --git a/src/routes/home/MobileNavs.tsx b/src/routes/home/MobileNavs.tsx
index 0ed43fae..3bd2d67d 100644
--- a/src/routes/home/MobileNavs.tsx
+++ b/src/routes/home/MobileNavs.tsx
@@ -31,7 +31,7 @@ const MobileNavs = () => {
     const linkClass = `flex`;
     const isChatPage = isHomePath || pathname.startsWith("/chat");
     const isChattingPage = !!isDMChat || !!isChannelChat;
-    console.log("rrr", isDMChat, isChannelChat);
+    // console.log("rrr", isDMChat, isChannelChat);
 
     // 有点绕
     const chatNav = isChatHomePath ? "/chat" : chatPath || "/chat";
diff --git a/src/routes/setting/BotConfig/WebhookEdit.tsx b/src/routes/setting/BotConfig/WebhookEdit.tsx
index 440feee5..39ff0d8d 100644
--- a/src/routes/setting/BotConfig/WebhookEdit.tsx
+++ b/src/routes/setting/BotConfig/WebhookEdit.tsx
@@ -38,7 +38,7 @@ const WebhookEdit = ({ uid }: Props) => {
             // 保存编辑
             const webhook_url = new FormData(form).get("webhook") as string;
             const resp = await updateUser({ id: uid, webhook_url });
-            console.log("ressssss", resp);
+            // console.log("ressssss", resp);
             if ("error" in resp) {
                 switch (resp.error.status) {
                     case 406: