From 4239fe93b9bc45fe0ea0bd95a9d2b6475ce52f42 Mon Sep 17 00:00:00 2001
From: nitin <142569587+ehconitin@users.noreply.github.com>
Date: Wed, 10 Sep 2025 21:21:20 +0530
Subject: [PATCH] fix horizontal scroll caused by OTP input on 2FA settings
page (#14400)
closes https://github.com/twentyhq/twenty/issues/14376
---
.../settings/SettingsTwoFactorAuthenticationMethod.tsx | 8 +++++++-
1 file changed, 7 insertions(+), 1 deletion(-)
diff --git a/packages/twenty-front/src/pages/settings/SettingsTwoFactorAuthenticationMethod.tsx b/packages/twenty-front/src/pages/settings/SettingsTwoFactorAuthenticationMethod.tsx
index 92a3a974cc..d5bf38ef25 100644
--- a/packages/twenty-front/src/pages/settings/SettingsTwoFactorAuthenticationMethod.tsx
+++ b/packages/twenty-front/src/pages/settings/SettingsTwoFactorAuthenticationMethod.tsx
@@ -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`}
/>
-
+
+
+
)}