diff --git a/dashboard/src/views/ProfileView.vue b/dashboard/src/views/ProfileView.vue
index 364f2e51a..7489fea40 100644
--- a/dashboard/src/views/ProfileView.vue
+++ b/dashboard/src/views/ProfileView.vue
@@ -184,11 +184,13 @@ onMounted(async () => {
     <DisableTwoFADialog ref="disableTwoFADialog" @success="refreshProfile"/>
 
     <Dialog ref="twoFADialog" :title="$t('profile.enable2FA.title')">
-      <div style="text-align: center; max-width: 420px">
+      <div>
         <p v-show="mandatory2FAHelp">{{ $t('profile.enable2FA.description') }}</p>
         <p v-html="$t('profile.enable2FA.authenticatorAppDescription', { googleAuthenticatorPlayStoreLink: 'https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2', googleAuthenticatorITunesLink: 'https://itunes.apple.com/us/app/google-authenticator/id388497605', freeOTPPlayStoreLink: 'https://play.google.com/store/apps/details?id=org.fedorahosted.freeotp', freeOTPITunesLink: 'https://itunes.apple.com/us/app/freeotp-authenticator/id872559395'})"></p>
-        <img :src="twoFAQRCode" style="border-radius: 10px; margin-bottom: 10px"/>
-        <small>{{ twoFASecret }}</small>
+        <div style="text-align: center;">
+          <img :src="twoFAQRCode" style="border-radius: 10px; margin-bottom: 10px"/>
+          <small>{{ twoFASecret }}</small>
+        </div>
         <br/>
         <br/>
         <p class="has-error" v-show="twoFAEnableError">{{ twoFAEnableError }} </p>