diff --git a/packages/components/src/components/helper-text/helper-text.css b/packages/components/src/components/helper-text/helper-text.css
index 34aaf6bebc..efd7a5cecd 100644
--- a/packages/components/src/components/helper-text/helper-text.css
+++ b/packages/components/src/components/helper-text/helper-text.css
@@ -28,7 +28,7 @@
 
 scale-icon-alert-information,
 scale-icon-alert-error,
-scale-icon-alert-success {
+scale-icon-action-success {
   display: flex;
   justify-content: center;
   align-items: center;
diff --git a/packages/components/src/components/text-field/text-field.tsx b/packages/components/src/components/text-field/text-field.tsx
index 9be520528d..393b721b4b 100644
--- a/packages/components/src/components/text-field/text-field.tsx
+++ b/packages/components/src/components/text-field/text-field.tsx
@@ -286,6 +286,13 @@ export class TextField {
               aria-live="polite"
               aria-relevant="additions removals"
             >
+              {this.helperText && (
+                <scale-helper-text
+                  id={helperTextId}
+                  helperText={this.helperText}
+                  variant={this.invalid ? 'danger' : this.variant}
+                ></scale-helper-text>
+              )}
               {this.counter && (
                 <div class="text-field__counter">
                   {!!this.value ? String(this.value).length : 0} /{' '}
@@ -294,13 +301,6 @@ export class TextField {
               )}
             </div>
           )}
-          {this.helperText && (
-            <scale-helper-text
-              id={helperTextId}
-              helperText={this.helperText}
-              variant={this.invalid ? 'danger' : this.variant}
-            ></scale-helper-text>
-          )}
         </div>
       </Host>
     );
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-success-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-success-1-snap.png
index 0544b8e1dd..08ef51b8ce 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-success-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-dark-success-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-success-1-snap.png b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-success-1-snap.png
index 3623b8f222..137f6ce34f 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-success-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/dropdown-visual-spec-js-dropdown-light-success-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-dark-with-success-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-dark-with-success-1-snap.png
index 382e7e307d..1b6b5a3cb0 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-dark-with-success-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-dark-with-success-1-snap.png differ
diff --git a/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-light-with-success-1-snap.png b/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-light-with-success-1-snap.png
index adaa2ae2c4..16d1bf1f21 100644
Binary files a/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-light-with-success-1-snap.png and b/packages/visual-tests/src/__image_snapshots__/textfield-visual-spec-js-textfield-light-with-success-1-snap.png differ