From 50d6b7a6f862ed3fafd07b9e13a8be3b513b1c23 Mon Sep 17 00:00:00 2001
From: ManishMadan2882 <manishmadan321@gmail.com>
Date: Thu, 22 May 2025 15:24:58 +0530
Subject: [PATCH] (fix/input) placeholder

---
 frontend/src/components/Input.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Input.tsx b/frontend/src/components/Input.tsx
index 1278b813..474036ba 100644
--- a/frontend/src/components/Input.tsx
+++ b/frontend/src/components/Input.tsx
@@ -36,6 +36,8 @@ const Input = ({
 
   const inputRef = useRef<HTMLInputElement>(null);
 
+  const hasValue = value !== undefined && value !== null && value !== '';
+
   return (
     <div className={`relative ${className}`}>
       <input
@@ -58,7 +60,7 @@ const Input = ({
       {placeholder && (
         <label
           htmlFor={id}
-          className={`absolute -top-2.5 left-3 px-2 ${textSizeStyles[textSize]} transition-all peer-placeholder-shown:left-3 peer-placeholder-shown:top-2.5 peer-placeholder-shown:${textSizeStyles[textSize]} pointer-events-none cursor-none peer-placeholder-shown:text-gray-4000 peer-focus:-top-2.5 peer-focus:left-3 peer-focus:text-xs peer-focus:text-gray-4000 dark:text-silver dark:peer-placeholder-shown:text-gray-400 ${labelBgClassName}`}
+          className={`absolute ${hasValue ? '-top-2.5 left-3 text-xs' : ''} px-2 transition-all peer-placeholder-shown:left-3 peer-placeholder-shown:top-2.5 peer-placeholder-shown:${textSizeStyles[textSize]} pointer-events-none cursor-none peer-placeholder-shown:text-gray-4000 peer-focus:-top-2.5 peer-focus:left-3 peer-focus:text-xs peer-focus:text-gray-4000 dark:text-silver dark:peer-placeholder-shown:text-gray-400 ${labelBgClassName}`}
         >
           {placeholder}
           {required && (