From a6432ca4bb694808c0bd722d35659e6aa72212d9 Mon Sep 17 00:00:00 2001
From: Andre Wohnsland <50302161+AndreWohnsland@users.noreply.github.com>
Date: Sat, 28 Feb 2026 08:50:00 +0100
Subject: [PATCH] make pre and suffix text always same line

---
 web_client/src/components/common/TextInput/index.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web_client/src/components/common/TextInput/index.tsx b/web_client/src/components/common/TextInput/index.tsx
index 13a3c311..6ad87ee0 100644
--- a/web_client/src/components/common/TextInput/index.tsx
+++ b/web_client/src/components/common/TextInput/index.tsx
@@ -10,8 +10,8 @@ interface TextInputProps {
 
 const TextInput = ({ value, prefix, suffix, placeholder, type, large = false, handleInputChange }: TextInputProps) => {
   return (
-    <>
-      {prefix && <span className='text-neutral mr-1'>{prefix}</span>}
+    <div className='flex items-center whitespace-nowrap w-full'>
+      {prefix && <span className='text-neutral mx-1 whitespace-nowrap'>{prefix}</span>}
       <input
         type={type || 'text'}
         value={value}
@@ -19,8 +19,8 @@ const TextInput = ({ value, prefix, suffix, placeholder, type, large = false, ha
         className={large ? 'input-base-large' : 'input-base'}
         placeholder={placeholder}
       />
-      {suffix && <span className='text-neutral ml-1'>{suffix}</span>}
-    </>
+      {suffix && <span className='text-neutral mx-1 whitespace-nowrap'>{suffix}</span>}
+    </div>
   );
 };