title position changed

src/components/jobPopout/JobListPopout.jsx

@@ -20,6 +20,9 @@ function JobListPopout({details, onClose, situation}) {
     <ModalCom action={onClose} situation={situation}>
     <div className="logout-modal-wrapper lw-[90%] md:w-[768px] h-full lg:h-auto bg-white dark:bg-dark-white lg:rounded-2xl overflow-y-auto">
         <div className="logout-modal-header w-full flex items-center justify-end lg:p-6 px-[30px] py-[23px] border-b dark:border-[#5356fb29]  border-light-purple">
+          <h1 className="text-base md:text-lg font-bold text-dark-gray dark:text-white tracking-wide">
+          {details.title}
+          </h1>
           <button
             type="button"
             className="text-[#374557] dark:text-red-500"
@@ -48,7 +51,7 @@ function JobListPopout({details, onClose, situation}) {
         </div>
         <div className='md:flex bg-white rounded-lg shadow-lg'>
           <div className='p-4 w-full md:w-2/4 md:border-r-2'>
-            <p className='text-lg font-semibold text-slate-900 tracking-wide'>{details.title}</p>
+            {/* <p className='text-lg font-semibold text-slate-900 tracking-wide'>{details.title}</p> */}
   
             {/* INPUT SECTION */}
             <div className='my-3 md:flex'>