diff --git a/web/navigation-panels/settings-switcher.react.js b/web/navigation-panels/settings-switcher.react.js
index f44038431..1075f3f5a 100644
--- a/web/navigation-panels/settings-switcher.react.js
+++ b/web/navigation-panels/settings-switcher.react.js
@@ -1,93 +1,100 @@
 // @flow
 
 import * as React from 'react';
 
 import { useDispatch } from 'lib/utils/redux-utils.js';
+import { usingCommServicesAccessToken } from 'lib/utils/services-utils.js';
 
 import NavigationPanel from './navigation-panel.react.js';
 import css from './settings-switcher.css';
 import { updateNavInfoActionType } from '../redux/action-types.js';
 import { navSettingsSectionSelector } from '../selectors/nav-selectors.js';
 import { useStaffCanSee } from '../utils/staff-utils.js';
 
 function SettingsSwitcher(): React.Node {
   const dispatch = useDispatch();
 
   const onClickAccountSettings = React.useCallback(
     (event: SyntheticEvent<HTMLAnchorElement>) => {
       event.preventDefault();
       dispatch({
         type: updateNavInfoActionType,
         payload: { tab: 'settings', settingsSection: 'account' },
       });
     },
     [dispatch],
   );
   const accountSettingsNavigationItem = React.useMemo(
     () => (
       <a className={css.navigationPanelTab} onClick={onClickAccountSettings}>
         <p>My Account</p>
       </a>
     ),
     [onClickAccountSettings],
   );
 
   const staffCanSee = useStaffCanSee();
 
   const onClickKeyservers = React.useCallback(
     (event: SyntheticEvent<HTMLAnchorElement>) => {
       event.preventDefault();
       dispatch({
         type: updateNavInfoActionType,
         payload: { tab: 'settings', settingsSection: 'keyservers' },
       });
     },
     [dispatch],
   );
 
   const keyserversNavigationItem = React.useMemo(() => {
     if (!staffCanSee) {
       return null;
     }
     return (
       <a className={css.navigationPanelTab} onClick={onClickKeyservers}>
         <p>Keyservers</p>
       </a>
     );
   }, [onClickKeyservers, staffCanSee]);
 
   const onClickDangerZone = React.useCallback(
     (event: SyntheticEvent<HTMLAnchorElement>) => {
       event.preventDefault();
       dispatch({
         type: updateNavInfoActionType,
         payload: { tab: 'settings', settingsSection: 'danger-zone' },
       });
     },
     [dispatch],
   );
-  const dangerZoneNavigationItem = React.useMemo(
-    () => (
+  const dangerZoneNavigationItem = React.useMemo(() => {
+    // Once we're using the identity service for auth, a user may only delete
+    // their Comm account using their primary device. Their primary device
+    // cannot be a web device at this time, so we hide the Danger Zone from web
+    // users.
+    if (usingCommServicesAccessToken) {
+      return null;
+    }
+    return (
       <a className={css.navigationPanelTab} onClick={onClickDangerZone}>
         <p>Danger Zone</p>
       </a>
-    ),
-    [onClickDangerZone],
-  );
+    );
+  }, [onClickDangerZone]);
 
   return (
     <NavigationPanel.Container tabSelector={navSettingsSectionSelector}>
       <NavigationPanel.Item tab="account">
         {accountSettingsNavigationItem}
       </NavigationPanel.Item>
       <NavigationPanel.Item tab="keyservers">
         {keyserversNavigationItem}
       </NavigationPanel.Item>
       <NavigationPanel.Item tab="danger-zone">
         {dangerZoneNavigationItem}
       </NavigationPanel.Item>
     </NavigationPanel.Container>
   );
 }
 
 export default SettingsSwitcher;
diff --git a/web/settings/danger-zone.react.js b/web/settings/danger-zone.react.js
index c40f1133d..132160e66 100644
--- a/web/settings/danger-zone.react.js
+++ b/web/settings/danger-zone.react.js
@@ -1,40 +1,48 @@
 // @flow
 
 import * as React from 'react';
 
 import { useModalContext } from 'lib/components/modal-provider.react.js';
+import { usingCommServicesAccessToken } from 'lib/utils/services-utils.js';
 
 import AccountDeleteModal from './account-delete-modal.react.js';
 import css from './danger-zone.css';
 import Button, { buttonThemes } from '../components/button.react.js';
 
 function DangerZone(): React.Node {
   const { pushModal } = useModalContext();
   const onDeleteAccountClick = React.useCallback(
     () => pushModal(<AccountDeleteModal />),
     [pushModal],
   );
 
+  // Once we're using the identity service for auth, a user may only delete
+  // their Comm account using their primary device. Their primary device cannot
+  // be a web device at this time, so we hide the Danger Zone from web users.
+  if (usingCommServicesAccessToken) {
+    return null;
+  }
+
   return (
     <div className={css.container}>
       <div className={css.contentContainer}>
         <h4 className={css.header}>Danger Zone</h4>
         <h5 className={css.subheading}>Delete Account</h5>
         <Button
           onClick={onDeleteAccountClick}
           variant="filled"
           buttonColor={buttonThemes.danger}
           className={css.button}
         >
           Delete Account
         </Button>
         <p className={css.explanation}>
           Your account will be permanently deleted. There is no way to reverse
           this.
         </p>
       </div>
     </div>
   );
 }
 
 export default DangerZone;