diff --git a/src/app/services/server.ts b/src/app/services/server.ts
index 613be5a1..66b57698 100644
--- a/src/app/services/server.ts
+++ b/src/app/services/server.ts
@@ -271,7 +271,7 @@ export const serverApi = createApi({
       query: (data) => ({
         url: "admin/system/organization",
         method:
-          compareVersion(localStorage.getItem(KEY_SERVER_VERSION) ?? "", "0.3.7") > 0
+          compareVersion(localStorage.getItem(KEY_SERVER_VERSION) ?? "", "0.3.8") > 0
             ? "PUT"
             : "POST",
         body: data
diff --git a/src/components/BlankPlaceholder.tsx b/src/components/BlankPlaceholder.tsx
index fe87178c..790592e7 100644
--- a/src/components/BlankPlaceholder.tsx
+++ b/src/components/BlankPlaceholder.tsx
@@ -85,10 +85,10 @@ const BlankPlaceholder: FC<Props> = ({ type = "chat" }) => {
           </p>
         </div>
         <div className="grid grid-cols-1 md:grid-cols-2 grid-rows-2 gap-2 md:gap-6 m-auto">
-          <div className={classes.box} onClick={toggleInviteModalVisible}>
+          <button className={classes.box} onClick={toggleInviteModalVisible}>
             <IconInvite className={classes.boxIcon} />
             <div className={classes.boxTip}>{t("invite")}</div>
-          </div>
+          </button>
           <button onClick={chatHandler} className={classes.box}>
             <IconChat className={classes.boxIcon} />
             <div className={classes.boxTip}>{chatTip}</div>
diff --git a/src/components/Meta.tsx b/src/components/Meta.tsx
index a1994065..16106969 100644
--- a/src/components/Meta.tsx
+++ b/src/components/Meta.tsx
@@ -7,11 +7,15 @@ import { useGetServerQuery } from "@/app/services/server";
 type Props = {};
 const Meta: FC<Props> = () => {
   const { data, isSuccess } = useGetServerQuery();
-
+  if (isSuccess) {
+    <Helmet>
+      <title>{data.name} Web App</title>
+      <link rel="icon" href={`${BASE_URL}/resource/organization/logo`} />
+    </Helmet>;
+  }
   return (
     <Helmet>
       <link rel="icon" href={`${BASE_URL}/resource/organization/logo`} />
-      {isSuccess && <title>{data.name} Web App</title>}
     </Helmet>
   );
 };
diff --git a/src/routes/home/index.tsx b/src/routes/home/index.tsx
index b3f4b457..1090f109 100644
--- a/src/routes/home/index.tsx
+++ b/src/routes/home/index.tsx
@@ -70,10 +70,12 @@ function HomePage() {
       {!guest && <Voice />}
       <Manifest />
       {!guest && <Notification />}
-      <div className={`vocechat-container flex w-screen h-screen bg-gray-200 dark:bg-gray-900`}>
+      <div
+        className={`vocechat-container flex w-screen h-screen bg-neutral-100 dark:bg-neutral-900`}
+      >
         {!guest && (
           <div
-            className={`hidden md:flex h-full flex-col items-center relative w-16 bg-gray-200 dark:bg-gray-900 transition-all`}
+            className={`hidden md:flex h-full flex-col items-center relative w-16 transition-all`}
           >
             {loginUid && <User uid={loginUid} />}
             <nav className="flex flex-col gap-1 px-3 py-6">
diff --git a/src/routes/onboarding/index.tsx b/src/routes/onboarding/index.tsx
index f80c5721..a3055cd5 100644
--- a/src/routes/onboarding/index.tsx
+++ b/src/routes/onboarding/index.tsx
@@ -54,9 +54,9 @@ export default function OnboardingPage() {
   return (
     <>
       <Helmet>
-        <title>{t("onboarding.title")}</title>
+        <title>{t("onboarding.title") || ""}</title>
       </Helmet>
-      <div className="h-screen bg-gray-200 dark:bg-gray-900 overflow-y-auto">
+      <div className="h-screen bg-neutral-100 dark:bg-neutral-900 overflow-y-auto">
         <Wizard header={<Navigator />}>
           <WelcomePage />
           <ServerName serverName={serverName} setServerName={setServerName} />