From ae686c272848b600db86706bb83d86b3cc8fde46 Mon Sep 17 00:00:00 2001
From: Samuel Janda <hi@simpleprogramming.com.au>
Date: Sun, 14 Jan 2024 16:11:00 +1100
Subject: [PATCH] Fixes [FluidForm] TextInput error icon is misplaced #1667

---
 src/TextInput/TextInput.svelte | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/TextInput/TextInput.svelte b/src/TextInput/TextInput.svelte
index dbff2f7e..f5365a88 100644
--- a/src/TextInput/TextInput.svelte
+++ b/src/TextInput/TextInput.svelte
@@ -200,7 +200,7 @@
         <div
           class:bx--label="{true}"
           class:bx--text-input__label-counter="{true}"
-          class:fluid-form-fix="{isFluid}"
+          class:fluid-form-fix__label-counter="{isFluid}"
         >
           {count}/{maxCount}
         </div>
@@ -219,7 +219,14 @@
     >
       {#if !readonly}
         {#if invalid}
-          <WarningFilled class="bx--text-input__invalid-icon" />
+          {#if isFluid && invalidText.length === 0}
+            <WarningFilled
+              class="bx--text-input__invalid-icon"
+              style="inset-block-start: 3rem;"
+            />
+          {:else}
+            <WarningFilled class="bx--text-input__invalid-icon" />
+          {/if}
         {/if}
         {#if !invalid && warn}
           <WarningAltFilled
@@ -300,7 +307,7 @@
 </div>
 
 <style>
-  .fluid-form-fix {
+  .fluid-form-fix__label-counter {
     right: 0;
     inset-inline-start: unset;
     padding-right: 1rem;