diff --git a/field/lib/_content.scss b/field/lib/_content.scss
index 8f10cec45b..5c3801911b 100644
--- a/field/lib/_content.scss
+++ b/field/lib/_content.scss
@@ -44,6 +44,7 @@ $_enter-delay: $_label-duration - $_visible-duration;
     //
     // See https://www.w3.org/TR/css-flexbox-1/#baseline-participation
     align-self: baseline;
+    flex: 1;
   }
 
   .md3-field__content {
diff --git a/field/lib/_field.scss b/field/lib/_field.scss
index 57f28b0214..1e550d0e27 100644
--- a/field/lib/_field.scss
+++ b/field/lib/_field.scss
@@ -13,6 +13,7 @@
 
   .md3-field {
     display: inline-flex;
+    flex: 1;
     flex-direction: column;
     // Allow the use of block/inline reflexive RTL properties without impacting
     // structure when languages change.
diff --git a/textfield/lib/_text-field.scss b/textfield/lib/_text-field.scss
index cc6ee2e4d3..be65305a73 100644
--- a/textfield/lib/_text-field.scss
+++ b/textfield/lib/_text-field.scss
@@ -12,8 +12,14 @@
     outline: none;
   }
 
+  .md3-text-field {
+    display: inline-flex;
+    flex: 1;
+  }
+
   .md3-text-field__field {
     cursor: text;
+    flex: 1;
 
     .md3-text-field--disabled & {
       cursor: default;