Apply max width to all input elements.

Update form class with better name and add form-conrainer--narrow class.

styles/components/_forms.scss

@@ -22,8 +22,9 @@
     }
 
     .usa-input {
-      input {
-        max-width: none;
+      input,
+      textarea {
+        max-width: $max-input-width;
       }
     }
   }
@@ -204,6 +205,10 @@
   }
 }
 
-.form-container__half {
-  max-width: 46rem;
+.form-container {
+  margin-bottom: $action-footer-height + $large-spacing;
+
+  &--narrow {
+    max-width: $max-input-width;
+  }
 }

styles/core/_util.scss

@@ -98,7 +98,3 @@ hr {
 .usa-section {
   padding: 0;
 }
-
-.form {
-  margin-bottom: $action-footer-height + $large-spacing;
-}

styles/core/_variables.scss

@@ -21,6 +21,7 @@ $home-pg-icon-width: 6rem;
 $large-spacing: 4rem;
 $max-page-width: $max-panel-width + $sidenav-expanded-width + $large-spacing;
 $action-footer-height: 6rem;
+$max-input-width: 46rem;
 
 /*
  * USWDS Variables

styles/elements/_inputs.scss

@@ -58,7 +58,7 @@
 
 .usa-input {
   margin: ($gap * 2) 0;
-  max-width: 75rem;
+  max-width: $max-input-width;
 
   &-label-helper {
     font-size: $small-font-size;
@@ -111,8 +111,7 @@
     @include h5;
 
     font-weight: normal;
-
-    @include line-max;
+    max-width: $max-input-width;
 
     .icon-link {
       padding: 0 ($gap / 2);