Adding placeholder and adding in TagInput a background color.

src/components/Directory/ManageContact.jsx

@@ -408,6 +408,7 @@ const ManageContact = ({ contactId, closeModal }) => {
             label="Tags"
             options={contactTags}
             isRequired={true}
+            placeholder="Enter Tag"
           />
           {errors.tags && (
             <small className="danger-text">{errors.tags.message}</small>

src/components/ServiceProject/ManageJob.jsx

@@ -108,6 +108,7 @@ const ManageJob = ({ Job }) => {
               type="text"
               {...register("title")}
               className="form-control form-control"
+              placeholder="Enter Title"
             />
           </div>
 
@@ -144,6 +145,7 @@ const ManageJob = ({ Job }) => {
               options={JobTags?.data}
               name="tags"
               label="Tag"
+              placeholder="Enter Tag"
               required
             />
           </div>

src/components/common/TagInput.jsx

@@ -105,6 +105,9 @@ const handleChange = (e) => {
               outline: "none",
               flex: 1,
               minWidth: "120px",
+              backgroundColor: "white",
+              color: "black"
+
             }}
           />
         </div>