diff --git a/src/Components/AuthInput/styles.ts b/src/Components/AuthInput/styles.ts
index 4aba543b..e408fbb9 100644
--- a/src/Components/AuthInput/styles.ts
+++ b/src/Components/AuthInput/styles.ts
@@ -10,12 +10,12 @@ export default StyleSheet.create({
   },
   inputBox: {
     height: 40,
-    width: 310,
+    width: '100%',
     borderBottomWidth: 0.75,
     borderColor: colors.darkGrey,
   },
   halfWidth: {
-    width: 140,
+    width: '100%',
   },
   inputFocused: {
     borderBottomWidth: 2,
diff --git a/src/app/(Authentication)/Login/Email/styles.ts b/src/app/(Authentication)/Login/Email/styles.ts
index ad53bbb7..83958404 100644
--- a/src/app/(Authentication)/Login/Email/styles.ts
+++ b/src/app/(Authentication)/Login/Email/styles.ts
@@ -46,7 +46,6 @@ export default StyleSheet.create({
   errorMessageBox: {
     marginTop: 13,
     height: 50,
-    width: 310,
   },
   errorMessageText: {
     color: colors.darkRed,
@@ -57,7 +56,6 @@ export default StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'space-between',
-    width: 310,
     marginTop: 70,
   },
   ButtonLine: {
diff --git a/src/app/(Authentication)/Login/Password/index.tsx b/src/app/(Authentication)/Login/Password/index.tsx
index 1b635c74..565f6cb3 100644
--- a/src/app/(Authentication)/Login/Password/index.tsx
+++ b/src/app/(Authentication)/Login/Password/index.tsx
@@ -38,44 +38,51 @@ export default function LoginScreen() {
 
   return (
     <View style={styles.container}>
-      <TouchableOpacity style={styles.backButton} onPress={() => router.back()}>
-        <BackButton />
-      </TouchableOpacity>
-      <Text style={styles.instructionText}>Please enter your password.</Text>
-
-      <View style={styles.inputBox}>
-        <AuthInput
-          input={password}
-          onChangeInput={onChangePassword}
-          labelText="Password"
-          placeholderText="Password"
-          isPassword
-          keyboard="default"
-          autoCapitalization={false}
-        />
-      </View>
+      <View style={styles.contentContainer}>
+        <TouchableOpacity
+          style={styles.backButton}
+          onPress={() => router.back()}
+        >
+          <BackButton />
+        </TouchableOpacity>
+        <Text style={styles.instructionText}>Please enter your password.</Text>
 
-      <View style={styles.errorMessageBox}>
-        <Text style={styles.errorMessageText}>
-          {errorExists ? errorMessage : ' '}
-        </Text>
-      </View>
+        <View style={styles.inputBox}>
+          <AuthInput
+            input={password}
+            onChangeInput={onChangePassword}
+            labelText="Password"
+            placeholderText="Password"
+            isPassword
+            keyboard="default"
+            autoCapitalization={false}
+          />
+        </View>
 
-      <View style={styles.nextLine}>
-        <TouchableOpacity onPress={() => router.push('/OTPFlow/OTPEmailInput')}>
-          <Text style={styles.forgotPasswordText}>Forgot password?</Text>
-        </TouchableOpacity>
+        <View style={styles.errorMessageBox}>
+          <Text style={styles.errorMessageText}>
+            {errorExists ? errorMessage : ' '}
+          </Text>
+        </View>
 
-        <View style={styles.buttonContainer}>
-          <ButtonBlack
-            onPress={() => signIn()}
-            disabled={password === '' || errorExists}
+        <View style={styles.nextLine}>
+          <TouchableOpacity
+            onPress={() => router.push('/OTPFlow/OTPEmailInput')}
           >
-            <View style={styles.ButtonLine}>
-              <Text style={styles.nextText}>Next</Text>
-              <Arrow style={{ marginLeft: 18 }} />
-            </View>
-          </ButtonBlack>
+            <Text style={styles.forgotPasswordText}>Forgot password?</Text>
+          </TouchableOpacity>
+
+          <View style={styles.buttonContainer}>
+            <ButtonBlack
+              onPress={() => signIn()}
+              disabled={password === '' || errorExists}
+            >
+              <View style={styles.ButtonLine}>
+                <Text style={styles.nextText}>Next</Text>
+                <Arrow style={{ marginLeft: 18 }} />
+              </View>
+            </ButtonBlack>
+          </View>
         </View>
       </View>
     </View>
diff --git a/src/app/(Authentication)/Login/Password/styles.ts b/src/app/(Authentication)/Login/Password/styles.ts
index eaa07d05..c4fffe00 100644
--- a/src/app/(Authentication)/Login/Password/styles.ts
+++ b/src/app/(Authentication)/Login/Password/styles.ts
@@ -11,6 +11,9 @@ export default StyleSheet.create({
     height: '100%',
     width: '100%',
   },
+  contentContainer: {
+    width: '81%',
+  },
   backText: {
     color: colors.midGrey,
     fontSize: 16,
@@ -37,7 +40,6 @@ export default StyleSheet.create({
   errorMessageBox: {
     marginTop: 13,
     height: 50,
-    width: 310,
   },
   errorMessageText: {
     color: colors.darkRed,
@@ -51,7 +53,6 @@ export default StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'space-between',
-    width: 310,
     marginTop: 70,
   },
   forgotPasswordText: {
diff --git a/src/app/(Authentication)/OTPFlow/OTPEmailInput/styles.tsx b/src/app/(Authentication)/OTPFlow/OTPEmailInput/styles.tsx
index 72ef5f57..d61a1e65 100644
--- a/src/app/(Authentication)/OTPFlow/OTPEmailInput/styles.tsx
+++ b/src/app/(Authentication)/OTPFlow/OTPEmailInput/styles.tsx
@@ -56,7 +56,6 @@ export default StyleSheet.create({
   errorMessageBox: {
     marginTop: 13,
     height: 50,
-    width: 310,
   },
   errorMessageText: {
     color: colors.darkRed,
@@ -70,7 +69,6 @@ export default StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'space-between',
-    width: 310,
     marginTop: 70,
   },
   forgotPasswordText: {
diff --git a/src/app/(Authentication)/OTPFlow/OTPNewPassword/index.tsx b/src/app/(Authentication)/OTPFlow/OTPNewPassword/index.tsx
index e4e9552a..251057de 100644
--- a/src/app/(Authentication)/OTPFlow/OTPNewPassword/index.tsx
+++ b/src/app/(Authentication)/OTPFlow/OTPNewPassword/index.tsx
@@ -69,54 +69,56 @@ export default function SignUpScreen() {
 
   return (
     <View style={styles.container}>
-      <View style={styles.header}>
-        <TouchableOpacity
-          style={styles.backButton}
-          onPress={() => router.back()}
-        >
-          <Text style={styles.backText}>Back</Text>
-        </TouchableOpacity>
-      </View>
-      <Text style={styles.instructionText}>Create a new password.</Text>
+      <View style={styles.contentContainer}>
+        <View style={styles.header}>
+          <TouchableOpacity
+            style={styles.backButton}
+            onPress={() => router.back()}
+          >
+            <Text style={styles.backText}>Back</Text>
+          </TouchableOpacity>
+        </View>
+        <Text style={styles.instructionText}>Create a new password.</Text>
 
-      <View style={styles.inputBox}>
-        <AuthInput
-          input={password}
-          onChangeInput={onChangePassword}
-          labelText="Password"
-          placeholderText="Password"
-          isPassword
-          keyboard="default"
-          autoCapitalization={false}
-        />
-      </View>
+        <View style={styles.inputBox}>
+          <AuthInput
+            input={password}
+            onChangeInput={onChangePassword}
+            labelText="Password"
+            placeholderText="Password"
+            isPassword
+            keyboard="default"
+            autoCapitalization={false}
+          />
+        </View>
 
-      <View style={styles.inputBox}>
-        <AuthInput
-          input={confirmPassword}
-          onChangeInput={onChangeConfirmPassword}
-          labelText="Confirm password"
-          placeholderText="Confirm password"
-          isPassword
-          keyboard="default"
-          autoCapitalization={false}
-        />
-      </View>
+        <View style={styles.inputBox}>
+          <AuthInput
+            input={confirmPassword}
+            onChangeInput={onChangeConfirmPassword}
+            labelText="Confirm password"
+            placeholderText="Confirm password"
+            isPassword
+            keyboard="default"
+            autoCapitalization={false}
+          />
+        </View>
 
-      <View>
-        <Text style={styles.errorMessage}>
-          {disableButton ? errorMessage : ' '}
-        </Text>
-      </View>
+        <View>
+          <Text style={styles.errorMessage}>
+            {disableButton ? errorMessage : ' '}
+          </Text>
+        </View>
 
-      <ButtonBlack
-        disabled={password === '' || confirmPassword === '' || disableButton}
-        style={styles.nextButton}
-        onPress={handleSubmit}
-      >
-        <Text style={styles.nextText}>Continue</Text>
-        <Arrow />
-      </ButtonBlack>
+        <ButtonBlack
+          disabled={password === '' || confirmPassword === '' || disableButton}
+          style={styles.nextButton}
+          onPress={handleSubmit}
+        >
+          <Text style={styles.nextText}>Continue</Text>
+          <Arrow style={{ marginRight: 15 }} />
+        </ButtonBlack>
+      </View>
     </View>
   );
 }
diff --git a/src/app/(Authentication)/OTPFlow/OTPNewPassword/styles.tsx b/src/app/(Authentication)/OTPFlow/OTPNewPassword/styles.tsx
index 4603c060..f099af85 100644
--- a/src/app/(Authentication)/OTPFlow/OTPNewPassword/styles.tsx
+++ b/src/app/(Authentication)/OTPFlow/OTPNewPassword/styles.tsx
@@ -10,6 +10,9 @@ export default StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'flex-start',
   },
+  contentContainer: {
+    width: '81%',
+  },
   header: {
     justifyContent: 'flex-start',
     flexDirection: 'row',
@@ -47,17 +50,14 @@ export default StyleSheet.create({
     fontSize: 14,
     opacity: 1,
     fontWeight: '600',
+    marginLeft: 15,
   },
   nextButton: {
-    backgroundColor: colors.black,
-    alignItems: 'center',
     borderRadius: 3,
-    borderColor: colors.black,
     borderWidth: 1,
-    width: 310,
     height: 50,
-    padding: 15,
     flexDirection: 'row',
+    justifyContent: 'space-between',
   },
   errorMessage: {
     color: colors.darkRed,
@@ -66,11 +66,9 @@ export default StyleSheet.create({
     marginTop: 10,
     marginBottom: 65,
     justifyContent: 'flex-start',
-    width: 310,
   },
   inputBox: {
     marginTop: 11,
     width: '100%',
-    alignItems: 'center',
   },
 });
diff --git a/src/app/(Authentication)/SignUp/Address/index.tsx b/src/app/(Authentication)/SignUp/Address/index.tsx
index 22d971fc..560ec6fa 100644
--- a/src/app/(Authentication)/SignUp/Address/index.tsx
+++ b/src/app/(Authentication)/SignUp/Address/index.tsx
@@ -99,7 +99,7 @@ export default function SignUpScreen() {
         </View>
 
         <View style={styles.stateLine}>
-          <View>
+          <View style={styles.smallInput}>
             <AuthInput
               input={state}
               onChangeInput={onChangeState}
@@ -112,7 +112,7 @@ export default function SignUpScreen() {
             />
           </View>
 
-          <View>
+          <View style={styles.smallInput}>
             <AuthInput
               input={zipcode}
               onChangeInput={onChangeZipcode}
diff --git a/src/app/(Authentication)/SignUp/Address/styles.ts b/src/app/(Authentication)/SignUp/Address/styles.ts
index c4e2a57d..49adc215 100644
--- a/src/app/(Authentication)/SignUp/Address/styles.ts
+++ b/src/app/(Authentication)/SignUp/Address/styles.ts
@@ -26,7 +26,6 @@ export default StyleSheet.create({
   inputBox: {
     marginTop: 11,
     width: '100%',
-    alignItems: 'center',
   },
   inputWrap: {
     flexDirection: 'row',
@@ -34,10 +33,9 @@ export default StyleSheet.create({
   },
   stateLine: {
     flexDirection: 'row',
-    alignSelf: 'flex-start',
     justifyContent: 'space-between',
-    width: 310,
     marginTop: 11,
+    width: '100%',
   },
   nextText: {
     color: colors.white,
@@ -48,7 +46,6 @@ export default StyleSheet.create({
   nextButton: {
     marginTop: 40,
     borderRadius: 3,
-    width: 310,
     height: 50,
     flexDirection: 'row',
     justifyContent: 'center',
@@ -65,4 +62,7 @@ export default StyleSheet.create({
     flexDirection: 'row',
     columnGap: 1,
   },
+  smallInput: {
+    width: '48%',
+  },
 });
diff --git a/src/app/(Authentication)/SignUp/Email/index.tsx b/src/app/(Authentication)/SignUp/Email/index.tsx
index 5b18b3fa..bf112c2e 100644
--- a/src/app/(Authentication)/SignUp/Email/index.tsx
+++ b/src/app/(Authentication)/SignUp/Email/index.tsx
@@ -60,7 +60,7 @@ export default function SignUpScreen() {
 
   return (
     <View style={styles.container}>
-      <View style={styles.header}>
+      <View style={styles.contentContainer}>
         <TouchableOpacity
           style={styles.backButton}
           onPress={() => router.back()}
diff --git a/src/app/(Authentication)/SignUp/Email/styles.ts b/src/app/(Authentication)/SignUp/Email/styles.ts
index 43543638..981cc751 100644
--- a/src/app/(Authentication)/SignUp/Email/styles.ts
+++ b/src/app/(Authentication)/SignUp/Email/styles.ts
@@ -13,14 +13,12 @@ export default StyleSheet.create({
     flexDirection: 'column',
   },
   contentContainer: {
-    marginTop: 100,
+    marginTop: 30,
     width: '81%',
-    alignItems: 'center',
   },
   backButton: {
     marginTop: 80,
     marginBottom: 40,
-    marginRight: 180,
   },
   displayText: {
     marginRight: 253,
@@ -46,7 +44,6 @@ export default StyleSheet.create({
   },
   nextButton: {
     borderWidth: 1,
-    width: 310,
     height: 50,
     padding: 15,
     flexDirection: 'row',
diff --git a/src/app/(Authentication)/SignUp/Password/index.tsx b/src/app/(Authentication)/SignUp/Password/index.tsx
index 58ada04e..9bf26b9f 100644
--- a/src/app/(Authentication)/SignUp/Password/index.tsx
+++ b/src/app/(Authentication)/SignUp/Password/index.tsx
@@ -71,54 +71,56 @@ export default function SignUpScreen() {
 
   return (
     <View style={styles.container}>
-      <View style={styles.header}>
-        <TouchableOpacity
-          style={styles.backButton}
-          onPress={() => router.back()}
-        >
-          <BackButton />
-        </TouchableOpacity>
-      </View>
-      <Text style={styles.instructionText}>Next, make a password.</Text>
+      <View style={styles.contentContainer}>
+        <View style={styles.header}>
+          <TouchableOpacity
+            style={styles.backButton}
+            onPress={() => router.back()}
+          >
+            <BackButton />
+          </TouchableOpacity>
+        </View>
+        <Text style={styles.instructionText}>Next, make a password.</Text>
 
-      <View style={styles.inputBox}>
-        <AuthInput
-          input={password}
-          onChangeInput={onChangePassword}
-          labelText="Password"
-          placeholderText="Password"
-          isPassword
-          keyboard="default"
-          autoCapitalization={false}
-        />
-      </View>
+        <View style={styles.inputBox}>
+          <AuthInput
+            input={password}
+            onChangeInput={onChangePassword}
+            labelText="Password"
+            placeholderText="Password"
+            isPassword
+            keyboard="default"
+            autoCapitalization={false}
+          />
+        </View>
 
-      <View style={styles.inputBox}>
-        <AuthInput
-          input={confirmPassword}
-          onChangeInput={onChangeConfirmPassword}
-          labelText="Confirm password"
-          placeholderText="Confirm password"
-          isPassword
-          keyboard="default"
-          autoCapitalization={false}
-        />
-      </View>
+        <View style={styles.inputBox}>
+          <AuthInput
+            input={confirmPassword}
+            onChangeInput={onChangeConfirmPassword}
+            labelText="Confirm password"
+            placeholderText="Confirm password"
+            isPassword
+            keyboard="default"
+            autoCapitalization={false}
+          />
+        </View>
 
-      <View>
-        <Text style={styles.errorMessage}>
-          {disableButton ? errorMessage : ' '}
-        </Text>
-      </View>
+        <View>
+          <Text style={styles.errorMessage}>
+            {disableButton ? errorMessage : ' '}
+          </Text>
+        </View>
 
-      <ButtonBlack
-        disabled={password === '' || confirmPassword === '' || disableButton}
-        style={styles.nextButton}
-        onPress={handleSubmit}
-      >
-        <Text style={styles.nextText}>Continue</Text>
-        <Arrow />
-      </ButtonBlack>
+        <ButtonBlack
+          disabled={password === '' || confirmPassword === '' || disableButton}
+          style={styles.nextButton}
+          onPress={handleSubmit}
+        >
+          <Text style={styles.nextText}>Continue</Text>
+          <Arrow style={{ marginRight: 15 }} />
+        </ButtonBlack>
+      </View>
     </View>
   );
 }
diff --git a/src/app/(Authentication)/SignUp/Password/styles.ts b/src/app/(Authentication)/SignUp/Password/styles.ts
index 35f6fccf..68494d4c 100644
--- a/src/app/(Authentication)/SignUp/Password/styles.ts
+++ b/src/app/(Authentication)/SignUp/Password/styles.ts
@@ -10,6 +10,9 @@ export default StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'flex-start',
   },
+  contentContainer: {
+    width: '81%',
+  },
   header: {
     justifyContent: 'flex-start',
     flexDirection: 'row',
@@ -44,14 +47,13 @@ export default StyleSheet.create({
   },
   nextText: {
     color: colors.white,
-    marginRight: 200,
+    marginLeft: 15,
     fontSize: 14,
     opacity: 1,
     fontWeight: '600',
   },
   nextButton: {
-    alignItems: 'center',
-    width: 310,
+    justifyContent: 'space-between',
     height: 50,
     padding: 15,
     flexDirection: 'row',
@@ -68,6 +70,5 @@ export default StyleSheet.create({
   inputBox: {
     marginTop: 11,
     width: '100%',
-    alignItems: 'center',
   },
 });
diff --git a/src/app/(Authentication)/Welcome/styles.ts b/src/app/(Authentication)/Welcome/styles.ts
index 23c7182b..29f8f572 100644
--- a/src/app/(Authentication)/Welcome/styles.ts
+++ b/src/app/(Authentication)/Welcome/styles.ts
@@ -37,6 +37,7 @@ export default StyleSheet.create({
   orLine: {
     flexDirection: 'row',
     marginBottom: 7.5,
+    width: '89%',
   },
   orStyle: {
     fontWeight: '200',
@@ -57,7 +58,6 @@ export default StyleSheet.create({
     marginLeft: 10,
   },
   baseButton: {
-    width: 310,
     height: 55,
     borderRadius: 3,
     borderBottomWidth: 2.25,
diff --git a/src/app/(BottomTabNavigation)/Profile/EditAddress/index.tsx b/src/app/(BottomTabNavigation)/Profile/EditAddress/index.tsx
index 68b86ee7..a89d6495 100644
--- a/src/app/(BottomTabNavigation)/Profile/EditAddress/index.tsx
+++ b/src/app/(BottomTabNavigation)/Profile/EditAddress/index.tsx
@@ -95,7 +95,7 @@ function EditNameScreen() {
           />
         </View>
         <View style={styles.stateLine}>
-          <View>
+          <View style={styles.smallInput}>
             <AuthInput
               input={usState}
               onChangeInput={onChangeState}
@@ -107,7 +107,7 @@ function EditNameScreen() {
               isHalfWidth
             />
           </View>
-          <View>
+          <View style={styles.smallInput}>
             <AuthInput
               input={zipcode}
               onChangeInput={onChangeZipcode}
diff --git a/src/app/(BottomTabNavigation)/Profile/EditAddress/styles.ts b/src/app/(BottomTabNavigation)/Profile/EditAddress/styles.ts
index 3c45185d..4ef09ad7 100644
--- a/src/app/(BottomTabNavigation)/Profile/EditAddress/styles.ts
+++ b/src/app/(BottomTabNavigation)/Profile/EditAddress/styles.ts
@@ -26,16 +26,15 @@ export default StyleSheet.create({
     marginBottom: 27,
   },
   inputBox: {
-    width: 315,
-    alignSelf: 'flex-start',
     marginBottom: 15,
   },
+  smallInput: {
+    width: '48%',
+  },
   stateLine: {
     flexDirection: 'row',
-    alignSelf: 'flex-start',
     justifyContent: 'space-between',
-    width: 310,
-    marginRight: 100,
+    width: '100%',
   },
   submitText: {
     fontSize: 17,
@@ -52,7 +51,6 @@ export default StyleSheet.create({
     justifyContent: 'center',
     borderRadius: 5,
     marginTop: 39,
-    width: 310,
     height: 50,
   },
 });
diff --git a/src/app/(BottomTabNavigation)/Profile/EditName/styles.ts b/src/app/(BottomTabNavigation)/Profile/EditName/styles.ts
index 077264df..2a7e36ce 100644
--- a/src/app/(BottomTabNavigation)/Profile/EditName/styles.ts
+++ b/src/app/(BottomTabNavigation)/Profile/EditName/styles.ts
@@ -45,7 +45,6 @@ export default StyleSheet.create({
     alignSelf: 'center',
     justifyContent: 'center',
     marginTop: 39,
-    width: 310,
     height: 50,
   },
 });
diff --git a/src/app/(BottomTabNavigation)/Profile/ResetConfirm/styles.tsx b/src/app/(BottomTabNavigation)/Profile/ResetConfirm/styles.tsx
index 6562abfb..0ef0dbd3 100644
--- a/src/app/(BottomTabNavigation)/Profile/ResetConfirm/styles.tsx
+++ b/src/app/(BottomTabNavigation)/Profile/ResetConfirm/styles.tsx
@@ -39,7 +39,6 @@ export default StyleSheet.create({
     fontStyle: 'normal',
     fontWeight: '800',
     color: colors.black,
-    marginTop: 25,
   },
   nextButtonBase: {
     flexDirection: 'row',
@@ -59,6 +58,6 @@ export default StyleSheet.create({
     marginLeft: 10,
   },
   nextButton: {
-    marginTop: 100,
+    marginTop: 400,
   },
 });