diff --git a/web/components/onboarding/invite-members.tsx b/web/components/onboarding/invite-members.tsx
index 366583f6f..15d17c738 100644
--- a/web/components/onboarding/invite-members.tsx
+++ b/web/components/onboarding/invite-members.tsx
@@ -415,7 +415,7 @@ export const InviteMembers: React.FC<Props> = (props) => {
                 Add another
               </button>
             </div>
-            <div className="flex flex-col mx-auto px-8 sm:px-2 items-center justify-center gap-4 w-96">
+            <div className="flex flex-col mx-auto px-8 sm:px-2 items-center justify-center gap-4 w-full max-w-96">
               <Button
                 variant="primary"
                 type="submit"
diff --git a/web/pages/profile/change-password.tsx b/web/pages/profile/change-password.tsx
index 4a493ed59..0d1575de8 100644
--- a/web/pages/profile/change-password.tsx
+++ b/web/pages/profile/change-password.tsx
@@ -68,6 +68,8 @@ const ChangePasswordPage: NextPageWithLayout = observer(() => {
   const password = watch("new_password");
   const confirmPassword = watch("confirm_password");
 
+  const isNewPasswordSameAsOldPassword = oldPassword !== "" && password !== "" && password === oldPassword;
+
   const handleShowPassword = (key: keyof typeof showPassword) =>
     setShowPassword((prev) => ({ ...prev, [key]: !prev[key] }));
 
@@ -211,6 +213,9 @@ const ChangePasswordPage: NextPageWithLayout = observer(() => {
                 )}
               </div>
               {passwordSupport}
+              {isNewPasswordSameAsOldPassword && !isPasswordInputFocused && (
+                <span className="text-xs text-red-500">New password must be different from old password</span>
+              )}
             </div>
             <div className="space-y-1">
               <h4 className="text-sm">Confirm password</h4>