diff --git a/web/settings/account-settings.css b/web/settings/account-settings.css
index e9a20334f..a7c92e2dc 100644
--- a/web/settings/account-settings.css
+++ b/web/settings/account-settings.css
@@ -1,49 +1,63 @@
 .container {
   padding: 40px;
   width: 456px;
 }
 
 .header {
   color: var(--fg);
   font-weight: var(--semi-bold);
   line-height: var(--line-height-display);
   padding-bottom: 55px;
 }
 
 .content ul {
   list-style-type: none;
 }
 
 .content li {
   color: var(--account-settings-label);
   border-bottom: 1px solid var(--border-color);
   padding: 24px 16px 16px;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
 }
 
 .logoutContainer {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: var(--fg);
 }
 
 .logoutLabel {
   color: var(--account-settings-label);
 }
 
 .username {
   color: var(--fg);
 }
 
 .button {
   color: var(--account-button-color);
   background-color: transparent;
   font-size: var(--m-font-16);
   border: none;
   cursor: pointer;
   line-height: var(--line-height-text);
   white-space: nowrap;
 }
+
+.passwordContainer {
+  display: flex;
+}
+
+.password {
+  align-items: center;
+  padding-right: 16px;
+}
+
+.editPasswordLink {
+  color: var(--account-settings-label);
+  cursor: pointer;
+}
diff --git a/web/settings/account-settings.react.js b/web/settings/account-settings.react.js
index 5401d890f..7c4e6180a 100644
--- a/web/settings/account-settings.react.js
+++ b/web/settings/account-settings.react.js
@@ -1,45 +1,55 @@
 // @flow
 
 import * as React from 'react';
 
 import { logOut } from 'lib/actions/user-actions';
 import { preRequestUserStateSelector } from 'lib/selectors/account-selectors';
 import { useServerCall } from 'lib/utils/action-utils';
 
 import { useSelector } from '../redux/redux-utils';
+import SWMansionIcon from '../SWMansionIcon.react';
 import css from './account-settings.css';
 
 function AccountSettings(): React.Node {
   const sendLogoutRequest = useServerCall(logOut);
   const preRequestUserState = useSelector(preRequestUserStateSelector);
   const logOutUser = React.useCallback(() => {
     sendLogoutRequest(preRequestUserState);
   }, [sendLogoutRequest, preRequestUserState]);
 
   const currentUserInfo = useSelector(state => state.currentUserInfo);
   if (!currentUserInfo || currentUserInfo.anonymous) {
     return null;
   }
   const { username } = currentUserInfo;
 
   return (
     <div className={css.container}>
       <h4 className={css.header}>My Account</h4>
       <div className={css.content}>
         <ul>
           <li>
             <p className={css.logoutContainer}>
               <span className={css.logoutLabel}>{'Logged in as '}</span>
               <span className={css.username}>{username}</span>
             </p>
             <button className={css.button} onClick={logOutUser}>
               Log out
             </button>
           </li>
+          <li>
+            <span>Password</span>
+            <span className={css.passwordContainer}>
+              <span className={css.password}>******</span>
+              <a className={css.editPasswordLink}>
+                <SWMansionIcon icon="edit" size={22} />
+              </a>
+            </span>
+          </li>
         </ul>
       </div>
     </div>
   );
 }
 
 export default AccountSettings;