diff --git a/src/material/form-field/form-field.scss b/src/material/form-field/form-field.scss
index d796ecb06e1a..ab428ee3df93 100644
--- a/src/material/form-field/form-field.scss
+++ b/src/material/form-field/form-field.scss
@@ -179,10 +179,14 @@ $_icon-prefix-infix-padding: 4px;
   flex: auto;
   min-width: 0;
 
-  // Infix stretches to fit the container, but naturally wants to be this wide. We set
-  // this in order to have a consistent natural size for the various types of controls
-  // that can go in a form field.
-  width: 180px;
+  // We do not to set fixed width on textarea with cols attribute as it makes different columns
+  // attribute look same width.
+  :has(:not(textarea[cols])) {
+    // Infix stretches to fit the container, but naturally wants to be this wide. We set
+    // this in order to have a consistent natural size for the various types of controls
+    // that can go in a form field.
+    width: 180px;
+  }
 
   // Needed so that the floating label does not overlap with prefixes or suffixes.
   position: relative;