diff --git a/src/components/jobPopout/NewJobListPopout.jsx b/src/components/jobPopout/NewJobListPopout.jsx
index 2e05f7c..8e5f545 100644
--- a/src/components/jobPopout/NewJobListPopout.jsx
+++ b/src/components/jobPopout/NewJobListPopout.jsx
@@ -252,7 +252,7 @@ function NewJobListPopout({
     ];
 
     return (
-      <div className="px-4 pb-3 w-full md:border-r-2 flex flex-col justify-between">
+      <div className="px-4 pb-3 w-full h-full md:border-r-2 flex flex-col justify-between">
         {/* <p className='text-lg font-semibold text-slate-900 tracking-wide'>{details.title}</p> */}
 
         {/* INPUT SECTION */}
@@ -320,7 +320,7 @@ function NewJobListPopout({
           <>
             {/* ACTION SECTION */}
             {+taskWalletSelector.amount > +details.price ? (
-              <div className="px-4 pb-3 w-full flex flex-col justify-between">
+              <div className="px-4 pb-3 w-full flex flex-col justify-between h-auto md:min-h-[450px]">
                 <h1 className="text-lg mt-3 font-medium tracking-wide text-black dark:text-white">
                   Send this Task to:
                 </h1>
diff --git a/src/components/jobPopout/popoutcomponent/AssignToFamily.jsx b/src/components/jobPopout/popoutcomponent/AssignToFamily.jsx
index adcdaae..c61fca0 100644
--- a/src/components/jobPopout/popoutcomponent/AssignToFamily.jsx
+++ b/src/components/jobPopout/popoutcomponent/AssignToFamily.jsx
@@ -28,7 +28,7 @@ export default function AssignToFamily({
   >
     {(props) => {
       return (
-        <Form className="w-full">
+        <Form className="w-full h-auto md:h-full flex flex-col justify-between">
           <div className='w-full'>
               <div className='hidden w-full'>
                 <JobFieldInput
diff --git a/src/components/jobPopout/popoutcomponent/AssignToGroup.jsx b/src/components/jobPopout/popoutcomponent/AssignToGroup.jsx
index 1bc077e..a08c0b6 100644
--- a/src/components/jobPopout/popoutcomponent/AssignToGroup.jsx
+++ b/src/components/jobPopout/popoutcomponent/AssignToGroup.jsx
@@ -28,7 +28,7 @@ export default function AssignToGroup({
   >
     {(props) => {
       return (
-        <Form className="w-full">
+        <Form className="w-full h-auto md:h-full flex flex-col justify-between">
           <div className='w-full'>
               <div className='w-full'>
                 <JobFieldInput
diff --git a/src/components/jobPopout/popoutcomponent/AssignToIndividual.jsx b/src/components/jobPopout/popoutcomponent/AssignToIndividual.jsx
index b4ab248..26aaa0f 100644
--- a/src/components/jobPopout/popoutcomponent/AssignToIndividual.jsx
+++ b/src/components/jobPopout/popoutcomponent/AssignToIndividual.jsx
@@ -32,7 +32,7 @@ export default function AssignToIndividual({
   >
     {(props) => {
       return (
-        <Form className="w-full">
+        <Form className="w-full h-auto md:h-full flex flex-col justify-between">
           <div className='w-full'>
               <div className='w-full'>
                 <JobFieldInput
@@ -41,7 +41,8 @@ export default function AssignToIndividual({
                     value={props?.values.individual}
                     placeholder="Enter email of individual"
                     inputHandler={props?.handleChange}
-                    parentClass="w-full flex flex-col gap-4"
+                    parentClass="w-full"
+                    labelClass="mb-0"
                 />
                 <p className="h-4 text-[13px] font-light italic text-red-600 tracking-wide">
                   {(props.errors.individual && props.touched.individual) && (
diff --git a/src/components/jobPopout/popoutcomponent/AssignToPublic.jsx b/src/components/jobPopout/popoutcomponent/AssignToPublic.jsx
index 951a114..e360719 100644
--- a/src/components/jobPopout/popoutcomponent/AssignToPublic.jsx
+++ b/src/components/jobPopout/popoutcomponent/AssignToPublic.jsx
@@ -15,8 +15,8 @@ const validationSchema = Yup.object().shape({
 
 let initialValues = {
     public: "",
-    depend_uid: '',
-    timeline: ''
+    depend_uid: "",
+    timeline: "0"
 };
 
 export default function AssignToPublic({
@@ -36,37 +36,37 @@ export default function AssignToPublic({
   >
     {(props) => {
       return (
-        <Form className="w-full">
+        <Form className="w-full h-auto md:h-full flex flex-col justify-between">
             <div className='w-full'>
                 <div className='mb-3 w-full flex flex-col xxs:flex-row items-center gap-1'>
-                <label className='w-full xxs:max-w-[120px] xxs:text-right'>Depends on:</label>
-                <div
-                    className={`input-wrapper border border-[#f5f8fa] dark:border-[#5e6278] w-full rounded-[1rem] h-[42px] overflow-hidden relative font-medium leading-6 bg-clip-padding text-[#5e6278] dark:text-gray-100 bg-[#f5f8fa] dark:bg-[#5e6278] text-base`}
-                >
-                    <select 
-                    className='px-2 w-full h-full bg-white border-0 outline-0'
-                    name="depend_uid"
-                    value={props?.values.depend_uid}
-                    onChange={props.handleChange}
-                    >
-                    <>
-                        {myJobList.loading ? (
-                        <option value={""}>Loading...</option>
-                        ) : myJobList?.data?.result_list?.length > 0 ? (
-                        <>
-                            <option value="">None</option>
-                            {myJobList?.data?.result_list?.filter(item => item.job_uid != details.job_uid)?.map((item, index) => (
-                            <option value={item?.job_uid} key={item.job_uid}>
-                                {item?.title}
-                            </option>
-                            ))}
-                        </>
-                        ) : (
-                        <option value="">No Job Found</option>
-                        )}
-                    </>
-                    </select>
-                </div>
+                  <label className='w-full xxs:max-w-[120px] xxs:text-right'>Depends on:</label>
+                  <div
+                      className={`input-wrapper border border-[#f5f8fa] dark:border-[#5e6278] w-full rounded-[1rem] h-[42px] overflow-hidden relative font-medium leading-6 bg-clip-padding text-[#5e6278] dark:text-gray-100 bg-[#f5f8fa] dark:bg-[#5e6278] text-base`}
+                  >
+                      <select 
+                      className='px-2 w-full h-full bg-white border-0 outline-0'
+                      name="depend_uid"
+                      value={props?.values.depend_uid}
+                      onChange={props.handleChange}
+                      >
+                      <>
+                          {myJobList.loading ? (
+                          <option value={""}>Loading...</option>
+                          ) : myJobList?.data?.result_list?.length > 0 ? (
+                          <>
+                              <option value="">None</option>
+                              {myJobList?.data?.result_list?.filter(item => item.job_uid != details.job_uid)?.map((item, index) => (
+                              <option value={item?.job_uid} key={item.job_uid}>
+                                  {item?.title}
+                              </option>
+                              ))}
+                          </>
+                          ) : (
+                          <option value="">No Job Found</option>
+                          )}
+                      </>
+                      </select>
+                  </div>
                 </div>
                 
                 <div className='mb-3 w-full flex flex-col xxs:flex-row items-center gap-1'>
diff --git a/src/components/jobPopout/popoutcomponent/JobFieldInput.jsx b/src/components/jobPopout/popoutcomponent/JobFieldInput.jsx
index 74b9c88..b5bf527 100644
--- a/src/components/jobPopout/popoutcomponent/JobFieldInput.jsx
+++ b/src/components/jobPopout/popoutcomponent/JobFieldInput.jsx
@@ -36,7 +36,9 @@ export default function JobFieldInput({
                 {(inputName == "family" || inputName == "public" || inputName == "timeline") &&
                   Array.isArray(data) && (
                     <>
+                    {inputName != "timeline" &&
                       <option value="">{optionText}</option>
+                    }
                       {data?.map((item, idx) => (
                         <React.Fragment key={idx}>
                           {inputName === "family" &&
@@ -98,6 +100,7 @@ export default function JobFieldInput({
           inputBg="bg-white"
           parentClass={`${parentClass}`}
           disable={disabled}
+          labelClass={labelClass}
         />
       )}
     </div>