From c0f3aecad3a6e1aecb255eb0d3b568c2d30a178c Mon Sep 17 00:00:00 2001
From: Tuan Dang <tony@infisical.com>
Date: Sun, 13 Aug 2023 11:12:07 +0700
Subject: [PATCH] Fix lint issues

---
 .../AuthMethodSection/AuthMethodSection.tsx                | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/Settings/PersonalSettingsPage/AuthMethodSection/AuthMethodSection.tsx b/frontend/src/views/Settings/PersonalSettingsPage/AuthMethodSection/AuthMethodSection.tsx
index 0f3647350..42917aae6 100644
--- a/frontend/src/views/Settings/PersonalSettingsPage/AuthMethodSection/AuthMethodSection.tsx
+++ b/frontend/src/views/Settings/PersonalSettingsPage/AuthMethodSection/AuthMethodSection.tsx
@@ -119,15 +119,16 @@ export const AuthMethodSection = () => {
                 {user && authMethodOpts.map((authMethodOpt) => {
                     return (
                         <div className="flex p-4 items-center" key={`auth-method-${authMethodOpt.value}`}>
-                            <div className="flex items-center w-20 mr-4">
+                            <div className="flex items-center">
                                 <FontAwesomeIcon icon={authMethodOpt.icon} className="mr-4" />
-                                <p>{authMethodOpt.label}</p>
                             </div>
                             <Switch
                                 id={`enable-${authMethodOpt.value}-auth`}
                                 onCheckedChange={(value) => onAuthMethodToggle(value, authMethodOpt)}
                                 isChecked={authMethods?.includes(authMethodOpt.value) ?? false}
-                             />
+                            >
+                                <p className="w-12 mr-4">{authMethodOpt.label}</p>
+                            </Switch>
                         </div>
                     ); 
                 })}