diff --git a/src/frontend/src/components/nav/Header.tsx b/src/frontend/src/components/nav/Header.tsx index c935a388ba..299feafb6f 100644 --- a/src/frontend/src/components/nav/Header.tsx +++ b/src/frontend/src/components/nav/Header.tsx @@ -221,23 +221,25 @@ export function Header() { - {showElevated && (user?.is_superuser || user?.is_staff) && ( - - } - color={user.is_superuser ? 'red' : 'orange'} - title={user.is_superuser ? t`Superuser Mode` : t`Admin Mode`} - withCloseButton - onClose={() => setShowSuperuserAlert(false)} - p={5} - > - - {t`The current user has elevated privileges and should not be used for regular usage.`}{' '} - {errorCodeLink('INVE-W14')} - - - - )} + {showSuperuserAlert && + showElevated && + (user?.is_superuser || user?.is_staff) && ( + + } + color={user.is_superuser ? 'red' : 'orange'} + title={user.is_superuser ? t`Superuser Mode` : t`Admin Mode`} + withCloseButton + onClose={() => setShowSuperuserAlert(false)} + p={5} + > + + {t`The current user has elevated privileges and should not be used for regular usage.`}{' '} + {errorCodeLink('INVE-W14')} + + + + )} ); }