login page formatted

src/components/Helpers/Inputs/InputCom/index.jsx

@@ -1,5 +1,6 @@
 import React from "react";
 import Icons from "../../Icons";
+import { Link } from "react-router-dom";
 
 export default function InputCom({
   label,
@@ -9,18 +10,22 @@ export default function InputCom({
   iconName,
   inputHandler,
   value,
+  forgotPassword
 }) {
   return (
     <div className="input-com">
+      <div className="flex items-center justify-between">
       {label && (
         <label
-          className="input-label text-dark-gray dark:text-white text-xl font-bold block mb-2.5"
+          className="input-label text-[#181c32] dark:text-white text-base font-semibold block mb-2.5"
           htmlFor={name}
         >
           {label}
         </label>
       )}
-      <div className="input-wrapper border border-light-purple dark:border-[#5356fb29]  dark:border-[#5356fb29] w-full rounded-[50px] h-[58px] overflow-hidden relative ">
+      {forgotPassword && <Link href="/forgot-password" className="text-base text-[#4687ba] hover:text-[#009ef7]">Forgot Password?</Link>}
+      </div>
+      <div className="input-wrapper border border-[#f5f8fa]] dark:border-[#5e6278] w-full rounded-[0.475rem] h-[58px] overflow-hidden relative font-medium leading-6 bg-clip-padding text-[#5e6278] dark:text-gray-100 bg-[#f5f8fa] dark:bg-[#5e6278] text-base ">
         <input
           placeholder={placeholder}
           value={value}