diff --git a/frontend/src/components/UserSettings/ChangePassword.tsx b/frontend/src/components/UserSettings/ChangePassword.tsx
index 9619b4f091..0698e1a9c8 100644
--- a/frontend/src/components/UserSettings/ChangePassword.tsx
+++ b/frontend/src/components/UserSettings/ChangePassword.tsx
@@ -71,6 +71,7 @@ const ChangePassword = () => {
               {...register("current_password")}
               placeholder="Password"
               type="password"
+              w="auto"
             />
             {errors.current_password && (
               <FormErrorMessage>
@@ -85,6 +86,7 @@ const ChangePassword = () => {
               {...register("new_password", passwordRules())}
               placeholder="Password"
               type="password"
+              w="auto"
             />
             {errors.new_password && (
               <FormErrorMessage>{errors.new_password.message}</FormErrorMessage>
@@ -97,6 +99,7 @@ const ChangePassword = () => {
               {...register("confirm_password", confirmPasswordRules(getValues))}
               placeholder="Password"
               type="password"
+              w="auto"
             />
             {errors.confirm_password && (
               <FormErrorMessage>
diff --git a/frontend/src/components/UserSettings/UserInformation.tsx b/frontend/src/components/UserSettings/UserInformation.tsx
index ca06b5a65e..03e2fdfb15 100644
--- a/frontend/src/components/UserSettings/UserInformation.tsx
+++ b/frontend/src/components/UserSettings/UserInformation.tsx
@@ -97,6 +97,7 @@ const UserInformation = () => {
                 {...register("full_name", { maxLength: 30 })}
                 type="text"
                 size="md"
+                w="auto"
               />
             ) : (
               <Text
@@ -121,6 +122,7 @@ const UserInformation = () => {
                 })}
                 type="email"
                 size="md"
+                w="auto"
               />
             ) : (
               <Text size="md" py={2}>