diff --git a/src/components/AuthPages/Login/index2.jsx b/src/components/AuthPages/Login/index2.jsx
index d2535fe..08cb933 100644
--- a/src/components/AuthPages/Login/index2.jsx
+++ b/src/components/AuthPages/Login/index2.jsx
@@ -4,7 +4,7 @@ import linkedInLogo from "../../../assets/images/Linkedin.png";
 import appleLogo from "../../../assets/images/apple-black.svg";
 import facebookLogo from "../../../assets/images/facebook.svg";
 import googleLogo from "../../../assets/images/google-logo.svg";
-import WrenchBoard from "../../../assets/images/wrenchboard-logo-text.png";
+import WrenchBoard from "../../../assets/images/wrenchboard-logo-text_new.png";
 import usersService from "../../../services/UsersService";
 import InputCom from "../../Helpers/Inputs/InputCom";
 import AuthLayout from "../AuthLayout2";
diff --git a/src/components/attachmentCom/AttachFile.jsx b/src/components/attachmentCom/AttachFile.jsx
index 1e0a662..41030dc 100644
--- a/src/components/attachmentCom/AttachFile.jsx
+++ b/src/components/attachmentCom/AttachFile.jsx
@@ -73,7 +73,7 @@ export default function AttachFile({data='', showOnData=false}) {
     return (
         <>
         {!showOnData ?
-            <div className='w-full h-full flex flex-col justify-center items-center rounded-md'>
+            <div className='w-full h-full flex flex-col justify-center items-center'>
                 <div className='w-full flex flex-col items-start gap-1 overflow-hidden'>
                     <div className='w-full flex justify-between items-center gap-1'>
                         <div className='job-label job-label-flex'>
@@ -84,37 +84,39 @@ export default function AttachFile({data='', showOnData=false}) {
                                 <span className={`text-[10px] ${requestStatus.status ? 'text-emerald-600' : 'text-red-500'}`}>{requestStatus.message}</span>
                             } 
                         </div>
-                        <label htmlFor='file' className={`cursor-pointer text-[12px] py-1 px-2 rounded-full border ${ requestStatus.loading && 'pointer-events-none'}`}>+ Add</label>
+                        <label htmlFor='file' className={`dark:text-white cursor-pointer text-[12px] py-1 px-2 rounded-full border ${ requestStatus.loading && 'pointer-events-none'}`}>+ Add</label>
                     </div>
-                    <div className='text-[12px] w-full px-2 py-1 h-20 overflow-y-auto flex flex-col gap-1 border'>
-                        {uploadedList.loading ?
-                        <div className='w-full h-full justify-center items-center'>
-                            <LoadingSpinner size='6' height='h-full' />
+                    <div className='w-full p-2 rounded-2xl bg-slate-100'>
+                        <div className='text-[12px] w-full h-20 overflow-y-auto flex flex-col gap-1'>
+                            {uploadedList.loading ?
+                            <div className='w-full h-full justify-center items-center'>
+                                <LoadingSpinner size='6' height='h-full' />
+                            </div>
+                            :
+                            Object.keys(uploadedList.data).length > 0 ?
+                            uploadedList.data.result_list.length > 0 ? 
+                                uploadedList.data.result_list.map((item, index) => {
+                                    let fileNameExt = item.originalname.split('.')[item.originalname.split('.').length - 1]
+                                    return(
+                                        <div key={item.file_uid} className='text-sm my-1 flex justify-start gap-2'>
+                                            <span>{index + 1}:</span>
+                                            <a 
+                                                target='_blank' 
+                                                alt='download-link' 
+                                                className='' 
+                                                href={`${uploadedList?.data?.session_image_server}/${localStorage.getItem("session_token")}/jobfile/${item.file_uid}`}
+                                            >
+                                                {(item.originalname).toString().length > 30 ? (item.originalname).toString().slice(0, 26) + '..._.' + fileNameExt : (item.originalname).toString()}
+                                            </a>
+                                        </div>
+                                    )
+                                })
+                                : 
+                                <p className='text-sm'>No Uploaded files yet</p>
+                            :
+                            <></>
+                            }
                         </div>
-                        :
-                        Object.keys(uploadedList.data).length > 0 ?
-                        uploadedList.data.result_list.length > 0 ? 
-                            uploadedList.data.result_list.map((item, index) => {
-                                let fileNameExt = item.originalname.split('.')[item.originalname.split('.').length - 1]
-                                return(
-                                    <div key={item.file_uid} className='my-1 flex justify-start gap-2'>
-                                        <span>{index + 1}:</span>
-                                        <a 
-                                            target='_blank' 
-                                            alt='download-link' 
-                                            className='' 
-                                            href={`${uploadedList?.data?.session_image_server}/${localStorage.getItem("session_token")}/jobfile/${item.file_uid}`}
-                                        >
-                                            {(item.originalname).toString().length > 30 ? (item.originalname).toString().slice(0, 26) + '..._.' + fileNameExt : (item.originalname).toString()}
-                                        </a>
-                                    </div>
-                                )
-                            })
-                            : 
-                            <p className='text-sm'>No Uploaded files yet</p>
-                        :
-                        <></>
-                        }
                     </div>
                     <input 
                         type="file" 
@@ -126,31 +128,33 @@ export default function AttachFile({data='', showOnData=false}) {
                 </div>
             </div>
         :showOnData && uploadedList?.data?.result_list?.length > 0 ?
-            <div className='w-full h-full flex flex-col justify-center items-center rounded-md'>
+            <div className='w-full h-full flex flex-col justify-center items-center'>
                 <div className='w-full flex flex-col items-start gap-1 overflow-hidden'>
                     <div className='w-full flex justify-between items-center gap-1'>
                         <div className='job-label job-label-flex'>
                             Files
                         </div>
                     </div>
-                    <div className='text-[12px] w-full px-2 py-1 h-20 overflow-y-auto flex flex-col gap-1 border'>
-                        {uploadedList.data.result_list.map((item, index) => {
-                            let fileNameExt = item.originalname.split('.')[item.originalname.split('.').length - 1]
-                            return(
-                                <div key={item.file_uid} className='flex justify-start gap-2'>
-                                    <span>{index + 1}:</span>
-                                    <a 
-                                        target='_blank' 
-                                        alt='download-link'
-                                        className='' 
-                                        href={`${uploadedList?.data?.session_image_server}/${localStorage.getItem("session_token")}/jobfile/${item.file_uid}`}
-                                    >
-                                        {(item.originalname).toString().length > 30 ? (item.originalname).toString().slice(0, 26) + '..._.' + fileNameExt : (item.originalname).toString()}
-                                    </a>
-                                </div>
-                            )
-                        })
-                        }
+                    <div className='w-full p-2 rounded-2xl bg-slate-100'>
+                        <div className='text-[12px] w-full p-2 h-20 overflow-y-auto flex flex-col gap-1'>
+                            {uploadedList.data.result_list.map((item, index) => {
+                                let fileNameExt = item.originalname.split('.')[item.originalname.split('.').length - 1]
+                                return(
+                                    <div key={item.file_uid} className='flex justify-start gap-2'>
+                                        <span>{index + 1}:</span>
+                                        <a 
+                                            target='_blank' 
+                                            alt='download-link'
+                                            className='' 
+                                            href={`${uploadedList?.data?.session_image_server}/${localStorage.getItem("session_token")}/jobfile/${item.file_uid}`}
+                                        >
+                                            {(item.originalname).toString().length > 30 ? (item.originalname).toString().slice(0, 26) + '..._.' + fileNameExt : (item.originalname).toString()}
+                                        </a>
+                                    </div>
+                                )
+                            })
+                            }
+                        </div>
                     </div>
                     <input 
                         type="file"