Fix inputs in member modal forms

styles/components/_member_form.scss

@@ -5,17 +5,11 @@
     margin-left: 0;
   }
 
-  .input__inline-fields {
-    text-align: left;
-
-    .usa-input__choices label {
-      font-weight: $font-bold;
-    }
-  }
-
   .input__inline-fields {
     padding: $gap * 2;
     border: 1px solid $color-gray-lighter;
+    text-align: left;
+    max-width: 100%;
 
     &.checked {
       border: 1px solid $color-blue;
@@ -33,7 +27,7 @@
 
   .user-info {
     .usa-input {
-      width: 45rem;
+      max-width: $max-input-width;
 
       input,
       label,
@@ -53,8 +47,7 @@
   }
 }
 
-#modal--add-app-mem,
-#modal--add-portfolio-manager {
+.form-content--member-form {
   .modal__body {
     min-width: 75rem;
   }

styles/elements/_inputs.scss

@@ -371,19 +371,15 @@ select {
 .phone-input {
   display: flex;
   flex-direction: row;
+  justify-content: flex-start;
 
   &__phone {
     margin-right: $gap * 4;
+    flex-grow: 1;
 
     .usa-input {
       margin: 0;
 
-      input,
-      label,
-      .usa-input__message {
-        max-width: 20rem;
-      }
-
       .icon-validation {
         left: 20rem;
       }
@@ -391,7 +387,8 @@ select {
   }
 
   &__extension {
-    margin-left: $gap * 4;
+    margin-right: $gap * 4;
+    flex-grow: 0;
 
     .usa-input {
       margin: 0;