diff --git a/packages/console/src/ds-components/Switch/index.module.scss b/packages/console/src/ds-components/Switch/index.module.scss index 8e547f286..318ec8571 100644 --- a/packages/console/src/ds-components/Switch/index.module.scss +++ b/packages/console/src/ds-components/Switch/index.module.scss @@ -46,12 +46,12 @@ } input:disabled + .slider { - background-color: var(--color-disabled); cursor: not-allowed; } input:disabled + .slider::before { background-color: var(--color-specific-toggle-thumb-disabled); + box-shadow: unset; } } diff --git a/packages/experience/src/pages/MfaBinding/BackupCodeBinding/index.module.scss b/packages/experience/src/pages/MfaBinding/BackupCodeBinding/index.module.scss index 3d1fd4990..f1eb1abcc 100644 --- a/packages/experience/src/pages/MfaBinding/BackupCodeBinding/index.module.scss +++ b/packages/experience/src/pages/MfaBinding/BackupCodeBinding/index.module.scss @@ -11,11 +11,12 @@ display: grid; grid-template-columns: 1fr 1fr; padding: _.unit(4); - font: var(--font-label-1); + font: var(--font-label-2); text-align: center; border-radius: var(--radius); - background-color: var(--color-bg-layer-2); + background-color: var(--color-bg-light); color: var(--color-type-primary); + row-gap: _.unit(2); } .actions { @@ -27,3 +28,9 @@ font: var(--font-body-2); color: var(--color-type-secondary); } + +:global(body.mobile) { + .backupCodes { + font: var(--font-label-1); + } +} diff --git a/packages/experience/src/pages/MfaBinding/TotpBinding/SecretSection/index.module.scss b/packages/experience/src/pages/MfaBinding/TotpBinding/SecretSection/index.module.scss index 444c7ea28..830eac609 100644 --- a/packages/experience/src/pages/MfaBinding/TotpBinding/SecretSection/index.module.scss +++ b/packages/experience/src/pages/MfaBinding/TotpBinding/SecretSection/index.module.scss @@ -25,7 +25,7 @@ text-align: center; font: var(--font-label-1); border-radius: var(--radius); - background-color: var(--color-bg-layer-2); + background-color: var(--color-bg-light); color: var(--color-type-primary); margin-bottom: _.unit(3); } diff --git a/packages/experience/src/pages/MfaVerification/BackupCodeVerification/index.tsx b/packages/experience/src/pages/MfaVerification/BackupCodeVerification/index.tsx index 1def3a252..c838488cd 100644 --- a/packages/experience/src/pages/MfaVerification/BackupCodeVerification/index.tsx +++ b/packages/experience/src/pages/MfaVerification/BackupCodeVerification/index.tsx @@ -48,6 +48,7 @@ const BackupCodeVerification = () => { >