diff --git a/components/form/demo/validate-reactive.ts b/components/form/demo/validate-reactive.ts
index 5339dd3f84f..5b24000f91e 100644
--- a/components/form/demo/validate-reactive.ts
+++ b/components/form/demo/validate-reactive.ts
@@ -44,8 +44,10 @@ import { Observable, Observer } from 'rxjs';
       </nz-form-item>
       <nz-form-item>
         <nz-form-label [nzSpan]="7" nzRequired>Comment</nz-form-label>
-        <nz-form-control [nzSpan]="12" nzErrorTip="Please write something here!">
-          <textarea formControlName="comment" nz-input rows="2" placeholder="write any thing"></textarea>
+        <nz-form-control [nzSpan]="12" nzHasFeedback nzErrorTip="Please write something here!">
+          <nz-textarea-count [nzMaxCharacterCount]="2000">
+            <textarea formControlName="comment" nz-input rows="2" placeholder="write any thing"></textarea>
+          </nz-textarea-count>
         </nz-form-control>
       </nz-form-item>
       <nz-form-item>
diff --git a/components/input/style/index.less b/components/input/style/index.less
index 36e1c926611..1367793143f 100644
--- a/components/input/style/index.less
+++ b/components/input/style/index.less
@@ -49,6 +49,9 @@
   }
 
   &-textarea-show-count {
+    display: block;
+    position: relative;
+
     // https://github.com/ant-design/ant-design/issues/33049
     > .@{input-prefix-cls} {
       height: 100%;