Adjusting input types

app/assets/sass/uswds/_uswds-theme-custom-styles.scss

@@ -289,6 +289,7 @@ td.table-empty-message {
     margin-top: units(1);
     width: 100%;
     border: 1px solid color('gray-60');
+    height: 40px;
   }
 }
 

app/templates/components/textbox.html

@@ -68,10 +68,11 @@
         data-highlight-placeholders="true"
       >{{ field._value() }}</textarea>
     {% else %}
+    {% set input_type = 'tel' if 'phone' in field.label.text else 'text' %}
       <input
         id="{{ field_id }}"
         name="{{ field.name }}"
-        type="{{ field.type }}"
+        type="{{ input_type }}"
         class="{{ field_class }}"
         value="{{ field._value() }}"
         placeholder="{{ placeholder }}"