fix horizontal scroll caused by OTP input on 2FA settings page (#14400)

closes https://github.com/twentyhq/twenty/issues/14376
2025-09-10 21:21:20 +05:30
parent 5f51d5181e
commit 4239fe93b9
1 changed files with 7 additions and 1 deletions
@@ -40,6 +40,10 @@ const StyledQRCodeWrapper = styled.div`
  padding: ${({ theme }) => theme.spacing(4)};
 `;

+const StyledOTPContainer = styled.div`
+  width: fit-content;
+`;
+
 const StyledQRCode = styled(QRCode)`
  height: 137px;
  width: 137px;
@@ -174,7 +178,9 @@ export const SettingsTwoFactorAuthenticationMethod = () => {
                title={t`Verify the code from the app`}
                description={t`Copy paste the code below`}
              />
-              <TwoFactorAuthenticationVerificationForSettings />
+              <StyledOTPContainer>
+                <TwoFactorAuthenticationVerificationForSettings />
+              </StyledOTPContainer>
            </Section>
          )}
        </SettingsPageContainer>