diff --git a/packages/mdc-textfield/character-counter/mdc-text-field-character-counter.scss b/packages/mdc-textfield/character-counter/mdc-text-field-character-counter.scss
index 866c92299fc..694267cda2d 100644
--- a/packages/mdc-textfield/character-counter/mdc-text-field-character-counter.scss
+++ b/packages/mdc-textfield/character-counter/mdc-text-field-character-counter.scss
@@ -31,6 +31,8 @@
   @include mdc-typography-baseline-top(16px);
   @include mdc-rtl-reflexive-box(margin, left, auto); // Keep flex item align to trailing side on absence of helper text.
   @include mdc-rtl-reflexive-box(padding, left, 16px);
+
+  white-space: nowrap;
 }
 
 // postcss-bem-linter: end