fix: shet bugs

pages/recruitment/item/[category_id].js

@@ -58,8 +58,8 @@ const Recruitment = jobs => {
             height={1300}
           />
         </div>
-        <MDBContainer className={'mt-5'}>
-          <div className={'bk-med flex justify-content-center align-items-center flex-col'}>
+        <div className='lg:mx-20 sm:mx-5 mt-5'> 
+        <div className={'bk-med flex justify-content-center align-items-center flex-col'}>
             <MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}>
               {jobs.jobs.name.title}{' '}
             </MDBTypography>
@@ -102,7 +102,7 @@ const Recruitment = jobs => {
                 </Box>
               ))}
           </SimpleGrid>
-        </MDBContainer>
+        </div>
         <br />
         <br />
         <br />

pages/recruitment/item/request/[pos_id].js

@@ -184,7 +184,7 @@ const requestForm = SelectedJob => {
             </div>
           </div>
         </div>
-        <MDBContainer className={'mt-5 mb-5'}>
+        <div className='lg:mx-20 sm:mx-5 mt-5 mb-5'> 
           <SimpleGrid className={'mb-4'} columns={[1, 1, 2]} spacing={3}>
             <Box>
               <MDBCard border='primary' className={'border-black'}>
@@ -543,7 +543,7 @@ const requestForm = SelectedJob => {
               )}
             </div>
           </div>
-        </MDBContainer>
+        </div>
       </AppContainer>
     </div>
   )