diff --git a/src/components/AddJob/AddJob.jsx b/src/components/AddJob/AddJob.jsx
index 90c2db8..0bfb873 100644
--- a/src/components/AddJob/AddJob.jsx
+++ b/src/components/AddJob/AddJob.jsx
@@ -38,23 +38,34 @@ const validationSchema = Yup.object().shape({
     .typeError("you must specify a number")
     .min(1, "Price must be greater than 0")
     .required("Timeline is required"),
-  category: Yup.array().min(1, "Select at least one checkbox"),
+  category: Yup.string().min(1, "Select at least one checkbox"),
 });
 
 function AddJob({ popUpHandler, categories }) {
   const ApiCall = new usersService();
   const { walletDetails } = useSelector((state) => state.walletDetails);
+  const { userDetails } = useSelector((state) => state.userDetails);
+
   let dispatch = useDispatch();
 
+   const getWalletDetail = (country) => { // A FUNCTION TO GET USER BALANCE BASED ON COUNTRY SELECTED
+    const walletChecker = walletDetails?.data.find(
+      (item) => item.country === country
+    );
+    return walletChecker ? walletChecker.code : "";
+  };
+
+    const walletAmount = getWalletDetail(userDetails.country); // GETTING USER BALANCE BASED ON COUNTRY SELECTED
+
   let initialValues = {
     // initial values for formik
-    country: "",
+    country: walletAmount,
     price: "",
     title: "",
     description: "",
     job_detail: "",
     timeline_days: "",
-    category: [],
+    category: "",
   };
 
   let [requestStatus, setRequestStatus] = useState({
@@ -63,12 +74,6 @@ function AddJob({ popUpHandler, categories }) {
     message: "",
   }); // Holds state when submit button is pressed
 
-  // const getWalletDetail = (country) => { // A FUNCTION TO GET USER BALANCE BASED ON COUNTRY SELECTED
-  //   const walletChecker = walletDetails?.data.find(
-  //     (item) => item.country === country
-  //   );
-  //   return walletChecker ? walletChecker.amount : 0;
-  // };
 
   const handleAddJob = async (values, helpers) => {
     const reqData = {
@@ -78,10 +83,9 @@ function AddJob({ popUpHandler, categories }) {
       description: values?.description,
       job_detail: values?.job_detail,
       timeline_days: values?.timeline_days,
-      category: values.category?.join("@"),
+      category: values.category,
     };
 
-    // const walletAmount = getWalletDetail(reqData.country); // GETTING USER BALANCE BASED ON COUNTRY SELECTED
 
     // if (reqData.price > walletAmount) {
     //   setRequestStatus({
@@ -134,7 +138,7 @@ function AddJob({ popUpHandler, categories }) {
   };
 
   return (
-    <div className="add-job p-5 w-full bg-white dark:bg-dark-white dark:text-white rounded-md flex flex-col justify-between">
+    <div className="add-job p-5 w-full bg-white dark:bg-dark-white dark:text-white rounded-md flex flex-col sm:overflow-auto justify-between">
       <Formik
         initialValues={initialValues}
         validationSchema={validationSchema}
@@ -148,50 +152,24 @@ function AddJob({ popUpHandler, categories }) {
                   {/* inputs starts here */}
                   <div className="xl:flex xl:space-x-7 mb-[5px]">
                     <div className="field w-full mb-6 xl:mb-0">
-                      <label
-                        htmlFor="country"
-                        className="input-label text-[#181c32] dark:text-white text-[13.975px] leading-[20.9625px] font-semibold flex item-center gap-1"
-                      >
-                        Currency
-                        {props.errors.country && props.touched.country && (
-                          <span className="text-[12px] text-red-500">
-                            {props.errors.country}
-                          </span>
-                        )}
-                      </label>
-                      <select
-                        id="country"
-                        name="country"
-                        value={props.values.country}
-                        className={`input-field p-2 mt-3 rounded-md placeholder:text-base text-dark-gray dark:text-white w-full h-10 bg-slate-100 dark:bg-[#11131F] focus:ring-0 focus:outline-none border`}
-                        onChange={props.handleChange}
-                        onBlur={props.handleBlur}
-                      >
-                        {walletDetails?.loading ? (
-                          <option className="text-slate-500 text-lg" value="">
-                            Loading...
-                          </option>
-                        ) : walletDetails.data.length ? (
-                          <>
-                            <option className="text-slate-500 text-lg" value="">
-                              Select a currency
-                            </option>
-                            {walletDetails.data?.map((item, index) => (
-                              <option
-                                key={index}
-                                className="text-slate-500 text-lg"
-                                value={item?.country}
-                              >
-                                {item?.description}
-                              </option>
-                            ))}
-                          </>
-                        ) : (
-                          <option className="text-slate-500 text-lg" value="">
-                            No Options Found! Try Again
-                          </option>
-                        )}
-                      </select>
+                       <InputCom
+                          fieldClass="px-6 cursor-default"
+                          label="Currency"
+                          labelClass="tracking-wide"
+                          // inputBg="bg-slate-100"
+                          // inputClass="input-curve border border-light-purple"
+                          type="text"
+                          name="country"
+                          value={props.values.country}
+                          inputHandler={props.handleChange}
+                          blurHandler={props.handleBlur}
+                          disable={true}
+                          error={
+                            props.errors.country &&
+                            props.touched.country &&
+                            props.errors.country
+                          }
+                          />
                     </div>
 
                     {/* Price */}
@@ -255,7 +233,7 @@ function AddJob({ popUpHandler, categories }) {
 
                   {/* Details */}
                   <div className="field flex flex-col sm:flex-row w-full mb-[5px] gap-2">
-                    <div className="sm:w-[60%] w-full">
+                    <div className="w-full">
                       <label
                         htmlFor="Job Delivery Details"
                         className='className="input-label text-[#181c32] dark:text-white text-[13.975px] leading-[20.9625px] font-semibold flex items-center gap-1'
@@ -271,7 +249,7 @@ function AddJob({ popUpHandler, categories }) {
                       <textarea
                         id="Job Delivery Details"
                         rows="5"
-                        className={`input-field px-3 py-2 placeholder:text-base text-dark-gray dark:text-white w-full h-[100px] bg-slate-100 dark:bg-[#11131F] focus:ring-0 focus:outline-[#dce4e9] rounded-[10px] border`}
+                        className={`input-field px-3 py-2 placeholder:text-base text-dark-gray dark:text-white w-full h-[64px] bg-slate-100 dark:bg-[#11131F] focus:ring-0 focus:outline-[#dce4e9] rounded-[10px] border`}
                         style={{ resize: "none" }}
                         name="job_detail"
                         value={props.values.job_detail}
@@ -279,50 +257,56 @@ function AddJob({ popUpHandler, categories }) {
                         onBlur={props.handleBlur}
                       />
                     </div>
-
-                    <div className="sm:w-[35%] w-full">
-                      <div
+                  </div>
+                  
+                  <div className="w-full mb-5">
+                   <label
                         htmlFor="Job Categories"
-                        className='className="input-label text-[#181c32] dark:text-white text-[13.975px] leading-[20.9625px] font-semibold block"'
-                        id="checked-group"
+                        className="input-label text-[#181c32] dark:text-white text-[13.975px] leading-[20.9625px] font-semibold flex item-center gap-1"
                       >
                         Categories
-                      </div>
-                      <div
-                        className="sm:flex-col flex flex-wrap px-3 mt-3"
-                        role="group"
-                        aria-labelledby="checked-group"
+                        {props.errors.category && props.touched.category && (
+                          <span className="text-[12px] text-red-500">
+                            {props.errors.category}
+                          </span>
+                        )}
+                      </label>
+                      <select
+                        id="category"
+                        name="category"
+                        value={props.values.category}
+                        className={`input-field p-2 mt-3 rounded-md placeholder:text-base text-dark-gray dark:text-white w-full h-10 bg-slate-100 dark:bg-[#11131F] focus:ring-0 focus:outline-none border`}
+                        onChange={props.handleChange}
+                        onBlur={props.handleBlur}
                       >
-                        {categories ? (
+                        {walletDetails?.loading ? (
+                          <option className="text-slate-500 text-lg" value="">
+                            Loading...
+                          </option>
+                        ) : walletDetails.data.length ? (
                           <>
+                            <option className="text-slate-500 text-lg" value="">
+                              Select a Category
+                            </option>
                             {Object?.entries(categories).map(([key, value]) => (
-                              <label
+                              <option
                                 key={key}
-                                className="flex gap-1 w-full items-center"
+                                className="text-slate-500 text-lg"
+                                value={key}
                               >
-                                <Field
-                                  type="checkbox"
-                                  name="category"
-                                  value={key}
-                                />
-                                <span className="text-[13.975px]">{value}</span>
-                              </label>
+                                {value}
+                              </option>
                             ))}
                           </>
                         ) : (
-                          <label className="flex gap-1 w-full items-center">
-                            <Field type="checkbox" name="category" />
-                            <span className="text-[13.975px]">null</span>
-                          </label>
+                          <option className="text-slate-500 text-lg" value="">
+                            No Options Found! Try Again
+                          </option>
                         )}
-                        <span className="h-5 text-sm italic text-[#cf3917]">
-                          {props.errors.category &&
-                            props.touched.category &&
-                            "please select a category"}
-                        </span>
+                      </select>
                       </div>
-                    </div>
-                  </div>
+                  
+                  
 
                   <div className="field w-full mb-[5px]">
                     <div className={`flex items-center justify-between mb-2.5`}>