diff --git a/web/src/components/ChangePasswordDialog.tsx b/web/src/components/ChangePasswordDialog.tsx
index 4ef68f4..fcf34fd 100644
--- a/web/src/components/ChangePasswordDialog.tsx
+++ b/web/src/components/ChangePasswordDialog.tsx
@@ -52,7 +52,7 @@ const ChangePasswordDialog: React.FC<Props> = (props: Props) => {
       toast("Password changed");
     } catch (error: any) {
       console.error(error);
-      toast.error(JSON.stringify(error.response.data));
+      toast.error(error.response.data.message);
     }
     requestState.setFinish();
   };
diff --git a/web/src/components/CreateShortcutDialog.tsx b/web/src/components/CreateShortcutDialog.tsx
index f1fd8f3..44d941b 100644
--- a/web/src/components/CreateShortcutDialog.tsx
+++ b/web/src/components/CreateShortcutDialog.tsx
@@ -109,7 +109,7 @@ const CreateShortcutDialog: React.FC<Props> = (props: Props) => {
       }
     } catch (error: any) {
       console.error(error);
-      toast.error(JSON.stringify(error.response.data));
+      toast.error(error.response.data.message);
     }
   };
 
diff --git a/web/src/components/EditUserinfoDialog.tsx b/web/src/components/EditUserinfoDialog.tsx
index 0458ce4..4402758 100644
--- a/web/src/components/EditUserinfoDialog.tsx
+++ b/web/src/components/EditUserinfoDialog.tsx
@@ -49,7 +49,7 @@ const EditUserinfoDialog: React.FC<Props> = (props: Props) => {
       toast("Password changed");
     } catch (error: any) {
       console.error(error);
-      toast.error(JSON.stringify(error.response.data));
+      toast.error(error.response.data.message);
     }
     requestState.setFinish();
   };
diff --git a/web/src/components/Header.tsx b/web/src/components/Header.tsx
index 293a335..945ed04 100644
--- a/web/src/components/Header.tsx
+++ b/web/src/components/Header.tsx
@@ -31,10 +31,10 @@ const Header: React.FC = () => {
                 <button className="flex flex-row justify-end items-center cursor-pointer">
                   <Avatar size="sm" variant="plain" />
                   <span>{user.nickname}</span>
-                  <Icon.ChevronDown className="ml-1 w-5 h-auto text-gray-600" />
+                  <Icon.ChevronDown className="ml-2 w-5 h-auto text-gray-600" />
                 </button>
               }
-              actionsClassName="!w-36"
+              actionsClassName="!w-32"
               actions={
                 <>
                   <Link
diff --git a/web/src/pages/Auth.tsx b/web/src/pages/Auth.tsx
index 940553b..b8217c8 100644
--- a/web/src/pages/Auth.tsx
+++ b/web/src/pages/Auth.tsx
@@ -45,7 +45,7 @@ const Auth: React.FC = () => {
       }
     } catch (error: any) {
       console.error(error);
-      toast.error(JSON.stringify(error.response.data));
+      toast.error(error.response.data.message);
     }
     actionBtnLoadingState.setFinish();
   };
@@ -68,7 +68,7 @@ const Auth: React.FC = () => {
       }
     } catch (error: any) {
       console.error(error);
-      toast.error(JSON.stringify(error.response.data));
+      toast.error(error.response.data.message);
     }
     actionBtnLoadingState.setFinish();
   };