diff --git a/src/shared/components/login.tsx b/src/shared/components/login.tsx
index e2e771c2..30b71213 100644
--- a/src/shared/components/login.tsx
+++ b/src/shared/components/login.tsx
@@ -134,6 +134,7 @@ export class Login extends Component<any, State> {
                 onInput={linkEvent(this, this.handleLoginPasswordChange)}
                 class="form-control"
                 required
+                maxLength={60}
               />
               <button
                 type="button"
diff --git a/src/shared/components/password_change.tsx b/src/shared/components/password_change.tsx
index b6dd9e33..6469cb7b 100644
--- a/src/shared/components/password_change.tsx
+++ b/src/shared/components/password_change.tsx
@@ -92,6 +92,7 @@ export class PasswordChange extends Component<any, State> {
               onInput={linkEvent(this, this.handlePasswordChange)}
               class="form-control"
               required
+              maxLength={60}
             />
           </div>
         </div>
@@ -107,6 +108,7 @@ export class PasswordChange extends Component<any, State> {
               onInput={linkEvent(this, this.handleVerifyPasswordChange)}
               class="form-control"
               required
+              maxLength={60}
             />
           </div>
         </div>
diff --git a/src/shared/components/person.tsx b/src/shared/components/person.tsx
index b355fdbe..b1fec8c2 100644
--- a/src/shared/components/person.tsx
+++ b/src/shared/components/person.tsx
@@ -675,6 +675,7 @@ export class Person extends Component<any, PersonState> {
                     class="form-control"
                     value={this.state.userSettingsForm.new_password}
                     autoComplete="new-password"
+                    maxLength={60}
                     onInput={linkEvent(
                       this,
                       this.handleUserSettingsNewPasswordChange
@@ -696,6 +697,7 @@ export class Person extends Component<any, PersonState> {
                     class="form-control"
                     value={this.state.userSettingsForm.new_password_verify}
                     autoComplete="new-password"
+                    maxLength={60}
                     onInput={linkEvent(
                       this,
                       this.handleUserSettingsNewPasswordVerifyChange
@@ -717,6 +719,7 @@ export class Person extends Component<any, PersonState> {
                     class="form-control"
                     value={this.state.userSettingsForm.old_password}
                     autoComplete="new-password"
+                    maxLength={60}
                     onInput={linkEvent(
                       this,
                       this.handleUserSettingsOldPasswordChange
@@ -812,6 +815,7 @@ export class Person extends Component<any, PersonState> {
                       type="password"
                       value={this.state.deleteAccountForm.password}
                       autoComplete="new-password"
+                      maxLength={60}
                       onInput={linkEvent(
                         this,
                         this.handleDeleteAccountPasswordChange
diff --git a/src/shared/components/setup.tsx b/src/shared/components/setup.tsx
index ea6f9b85..53d50214 100644
--- a/src/shared/components/setup.tsx
+++ b/src/shared/components/setup.tsx
@@ -123,6 +123,7 @@ export class Setup extends Component<any, State> {
               onInput={linkEvent(this, this.handleRegisterPasswordChange)}
               class="form-control"
               required
+              maxLength={60}
             />
           </div>
         </div>
@@ -138,6 +139,7 @@ export class Setup extends Component<any, State> {
               onInput={linkEvent(this, this.handleRegisterPasswordVerifyChange)}
               class="form-control"
               required
+              maxLength={60}
             />
           </div>
         </div>