diff --git a/web/settings/account-settings.css b/web/settings/account-settings.css
--- a/web/settings/account-settings.css
+++ b/web/settings/account-settings.css
@@ -1,6 +1,7 @@
 .container {
   padding: 40px;
   width: 456px;
+  overflow-y: auto;
 }
 
 .header {
@@ -63,3 +64,13 @@
   color: var(--account-settings-label);
   cursor: pointer;
 }
+
+.preferencesContainer {
+  padding-top: 32px;
+}
+
+.preferencesHeader {
+  color: var(--fg);
+  font-weight: var(--semi-bold);
+  line-height: var(--line-height-display);
+}
diff --git a/web/settings/account-settings.react.js b/web/settings/account-settings.react.js
--- a/web/settings/account-settings.react.js
+++ b/web/settings/account-settings.react.js
@@ -20,6 +20,7 @@
 import EditUserAvatar from '../avatars/edit-user-avatar.react.js';
 import Button from '../components/button.react.js';
 import { useSelector } from '../redux/redux-utils.js';
+import { useStaffCanSee } from '../utils/staff-utils.js';
 
 function AccountSettings(): React.Node {
   const sendLogoutRequest = useServerCall(logOut);
@@ -57,6 +58,12 @@
   const currentUserInfo = useSelector(state => state.currentUserInfo);
   const stringForUser = useStringForUser(currentUserInfo);
 
+  const staffCanSee = useStaffCanSee();
+
+  const showAppearanceModal = React.useCallback(() => {
+    // TODO
+  }, []);
+
   if (!currentUserInfo || currentUserInfo.anonymous) {
     return null;
   }
@@ -76,6 +83,25 @@
     );
   }
 
+  let preferences;
+  if (staffCanSee) {
+    preferences = (
+      <div className={css.preferencesContainer}>
+        <h4 className={css.preferencesHeader}>Preferences</h4>
+        <div className={css.content}>
+          <ul>
+            <li>
+              <span>Appearance</span>
+              <a className={css.editPasswordLink} onClick={showAppearanceModal}>
+                <SWMansionIcon icon="edit-1" size={22} />
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    );
+  }
+
   return (
     <div className={css.container}>
       <h4 className={css.header}>My Account</h4>
@@ -106,6 +132,7 @@
           </li>
         </ul>
       </div>
+      {preferences}
     </div>
   );
 }