diff --git a/.env b/.env
index 639fb0b..fcdc42c 100644
--- a/.env
+++ b/.env
@@ -124,7 +124,4 @@ REACT_APP_MEDIA_LINK='https://dev-media.wrenchboard.com'
 REACT_APP_FAM_GAME_LINK='https://games.wrenchboard.com'
 
 # REACT APP CUSTOMTIMER
-REACT_APP_CUSTOMTIMER=90
-
-# MEDIA_SERVER_URL
-MEDIA_SERVER_URL=''
\ No newline at end of file
+REACT_APP_CUSTOMTIMER=90
\ No newline at end of file
diff --git a/.env.development b/.env.development
index b52c693..5f2d549 100644
--- a/.env.development
+++ b/.env.development
@@ -92,7 +92,4 @@ REACT_APP_MEDIA_LINK='https://dev-media.wrenchboard.com'
 REACT_APP_FAM_GAME_LINK='https://games.wrenchboard.com'
 
 # REACT APP CUSTOMTIMER
-REACT_APP_CUSTOMTIMER=90
-
-# MEDIA_SERVER_URL
-MEDIA_SERVER_URL=''
\ No newline at end of file
+REACT_APP_CUSTOMTIMER=90
\ No newline at end of file
diff --git a/.env.production b/.env.production
index 9b16333..cfa2c24 100644
--- a/.env.production
+++ b/.env.production
@@ -98,7 +98,4 @@ REACT_APP_MEDIA_LINK='https://media.wrenchboard.com'
 REACT_APP_FAM_GAME_LINK='https://games.wrenchboard.com'
 
 # REACT APP CUSTOMTIMER
-REACT_APP_CUSTOMTIMER=90
-
-# MEDIA_SERVER_URL
-MEDIA_SERVER_URL=''
\ No newline at end of file
+REACT_APP_CUSTOMTIMER=90
\ No newline at end of file
diff --git a/src/components/FamilyAcc/FamilyPopout/AssignPrevNewTask.jsx b/src/components/FamilyAcc/FamilyPopout/AssignPrevNewTask.jsx
index 19de55e..7c957c1 100644
--- a/src/components/FamilyAcc/FamilyPopout/AssignPrevNewTask.jsx
+++ b/src/components/FamilyAcc/FamilyPopout/AssignPrevNewTask.jsx
@@ -164,7 +164,7 @@ export default function AssignPrevNewTask({
                             </div>
                             
                             {/* ATTACHMENT SECTION*/}
-                            <div className="w-full max-h-32">
+                            <div className="w-full max-h-28">
                                 <AttachFile data={activeTask.data} />
                             </div>
 
diff --git a/src/components/attachmentCom/AttachFile.jsx b/src/components/attachmentCom/AttachFile.jsx
index 948d8e5..1230ecd 100644
--- a/src/components/attachmentCom/AttachFile.jsx
+++ b/src/components/attachmentCom/AttachFile.jsx
@@ -13,7 +13,7 @@ export default function AttachFile({data}) {
             file: event.target.files[0],
             job_uid: data?.job_uid,
             uid: localStorage.getItem("uid"),
-            member_id: localStorage.getItem("member_id"),
+            // member_id: localStorage.getItem("member_id"),
             sessionid: localStorage.getItem("session_token"),
           };
         setRequestStatus({loading: true, status:false, message:''})
@@ -30,49 +30,46 @@ export default function AttachFile({data}) {
         }
 
         console.log('data', formData, inputs)
-        // axios.post(`${process.env.MEDIA_SERVER_URL}/upload/task`,formData).then(res => {
-        //     if(res.data.status < 1){
-        //         inputFile.current.value = null
-        //         setRequestStatus({loading: false, status:false, message:'upload failed'})
-        //         setTimeout(()=>{
-        //             setRequestStatus({loading: false, status:false, message:''})
-        //         }, 3000)
-        //         return 
-        //     }
-        //     setRequestStatus({loading: false, status:true, message:'uploaded'})
-        //     inputFile.current.value = null
-        //     setTimeout(()=>{
-        //         setRequestStatus({loading: false, status:false, message:''})
-        //     }, 3000)
-        // }).catch(err => {
-        //     inputFile.current.value = null
-        //     setRequestStatus({loading: false, status:false, message:'upload failed'})
-        //     setTimeout(()=>{
-        //         setRequestStatus({loading: false, status:false, message:''})
-        //     }, 3000)
-        //     return 
-        // })
-        
-        setTimeout(()=>{
-            setRequestStatus({loading: false, status:false, message:''})
-        }, 3000)
+        axios.post(`${process.env.REACT_APP_MEDIA_LINK}/upload/task`,formData).then(res => {
+            if(res.data.status < 1){
+                inputFile.current.value = null
+                setRequestStatus({loading: false, status:false, message:'upload failed'})
+                setTimeout(()=>{
+                    setRequestStatus({loading: false, status:false, message:''})
+                }, 3000)
+                return 
+            }
+            // console.log('RESPONSE', res.data)
+            setRequestStatus({loading: false, status:true, message:'uploaded'})
+            inputFile.current.value = null
+            setTimeout(()=>{
+                setRequestStatus({loading: false, status:false, message:''})
+            }, 3000)
+        }).catch(err => {
+            inputFile.current.value = null
+            setRequestStatus({loading: false, status:false, message:'upload failed'})
+            setTimeout(()=>{
+                setRequestStatus({loading: false, status:false, message:''})
+            }, 3000)
+            return 
+        })
     }
 
     return (
-        <div className='w-full h-full flex flex-col justify-center items-center rounded-md border'>
+        <div className='w-full h-full flex flex-col justify-center items-center rounded-md'>
             <div className='w-full flex flex-col items-start gap-1 overflow-hidden'>
-                <div className='p-2 w-full flex justify-between items-center gap-1 border-b shadow-sm'>
-                    <p className='job-label job-label-flex'>
+                <div className='w-full flex justify-between items-center gap-1'>
+                    <div className='job-label job-label-flex'>
                         Files {
                         requestStatus.loading ? 
                             <LoadingSpinner size='6' /> 
                             : 
-                            <p className={`text-[10px] ${requestStatus.status ? 'text-emerald-600' : 'text-red-500'}`}>{requestStatus.message}</p>
+                            <span className={`text-[10px] ${requestStatus.status ? 'text-emerald-600' : 'text-red-500'}`}>{requestStatus.message}</span>
                         } 
-                    </p>
-                    <label htmlFor='file' className={`cursor-pointer job-label py-1 px-2 rounded-full border ${ requestStatus.loading && 'pointer-events-none'}`}>+ Add</label>
+                    </div>
+                    <label htmlFor='file' className={`cursor-pointer text-[12px] py-1 px-2 rounded-full border ${ requestStatus.loading && 'pointer-events-none'}`}>+ Add</label>
                 </div>
-                <div className='job-label w-full px-2 py-1 h-20 overflow-y-auto flex justify-center items-center'>
+                <div className='text-[12px] w-full px-2 py-1 h-20 overflow-y-auto flex justify-center items-center border'>
                     list shows here
                 </div>
                 <input 
diff --git a/src/components/jobPopout/EditJobPopoutNew.jsx b/src/components/jobPopout/EditJobPopoutNew.jsx
index f3ea880..026e298 100644
--- a/src/components/jobPopout/EditJobPopoutNew.jsx
+++ b/src/components/jobPopout/EditJobPopoutNew.jsx
@@ -423,17 +423,19 @@ const EditJobPopoutNew = ({
                             <div className="w-full flex items-center justify-center gap-2 mb-2">
                                 {/* FOR TASK IMAGE */}
                                 <div className="w-1/3 relative flex flex-col max-h-[130px] min-h-[130px]">
-                                <label
-                                    className={`w-full job-label job-label-flex cursor-pointer ${uploadStatus.loading && 'pointer-events-none'}`}
-                                    htmlFor="task_image"
-                                    >
-                                    Banner
+                                <div className="w-full flex gap-2">
+                                    <label
+                                        className={`w-full job-label cursor-pointer ${uploadStatus.loading && 'pointer-events-none'}`}
+                                        htmlFor="task_image"
+                                        >
+                                        Banner
+                                    </label>
                                     {uploadStatus.loading ? 
                                         <LoadingSpinner size='6' /> 
                                         : 
-                                        <p className={`text-[10px] ${uploadStatus.status ? 'text-emerald-600' : 'text-red-500'}`}>{uploadStatus.message}</p>
+                                        <span className={`text-[10px] ${uploadStatus.status ? 'text-emerald-600' : 'text-red-500'}`}>{uploadStatus.message}</span>
                                     } 
-                                </label>
+                                </div>
                                 <input
                                     id="task_image"
                                     className="hidden"