diff --git a/packages/client/src/pages/PortalSettings/categories/security/access-portal/tfa.js b/packages/client/src/pages/PortalSettings/categories/security/access-portal/tfa.js
index 0acea9bb8a..5fa3803186 100644
--- a/packages/client/src/pages/PortalSettings/categories/security/access-portal/tfa.js
+++ b/packages/client/src/pages/PortalSettings/categories/security/access-portal/tfa.js
@@ -153,15 +153,18 @@ const TwoFactorAuth = (props) => {
         spacing="8px"
         options={[
           {
+            id: "disabled",
             label: t("Disabled"),
             value: "none",
           },
           {
+            id: "by-sms",
             label: t("BySms"),
             value: "sms",
             disabled: !smsDisabled,
           },
           {
+            id: "by-app",
             label: t("ByApp"),
             value: "app",
             disabled: !appDisabled,
@@ -182,6 +185,8 @@ const TwoFactorAuth = (props) => {
         displaySettings={true}
         hasScroll={false}
         isSaving={isSaving}
+        additionalClassSaveButton="two-factor-auth-save"
+        additionalClassCancelButton="two-factor-auth-cancel"
       />
     </MainContainer>
   );