diff --git a/packages/web/src/javascripts/Components/AccountMenu/AdvancedOptions.tsx b/packages/web/src/javascripts/Components/AccountMenu/AdvancedOptions.tsx
index 76156bebc..0e61145d1 100644
--- a/packages/web/src/javascripts/Components/AccountMenu/AdvancedOptions.tsx
+++ b/packages/web/src/javascripts/Components/AccountMenu/AdvancedOptions.tsx
@@ -170,15 +170,17 @@ const AdvancedOptions: FunctionComponent<Props> = ({
               </div>
             )}
 
-            <div className="mb-1 flex items-center justify-between">
-              <Checkbox
-                name="recovery-codes"
-                label="Use recovery code"
-                checked={isRecoveryCodes}
-                disabled={disabled}
-                onChange={handleIsRecoveryCodesChange}
-              />
-            </div>
+            {onRecoveryCodesChange && (
+              <div className="mb-1 flex items-center justify-between">
+                <Checkbox
+                  name="recovery-codes"
+                  label="Use recovery code"
+                  checked={isRecoveryCodes}
+                  disabled={disabled}
+                  onChange={handleIsRecoveryCodesChange}
+                />
+              </div>
+            )}
 
             {isRecoveryCodes && (
               <>