fixing pilot page responsiveness

client/src/components/pilots/Pilots.tsx

@@ -182,10 +182,10 @@ const Pilots: React.FC<unknown> = () => {
   return (
     <>
     <div className={`${screenSize === ScreenSize.SM ? 'mr-4 ml-4' : 'mr-10 ml-10'} grid grid-cols-12`}>
-      <div className='prose max-w-none col-span-10 mt-5 mb-5' >
+      <div className='prose max-w-none col-span-6 mt-5 mb-5' >
         <h1>Pilots</h1>
       </div>
-      <div className='col-span-2 justify-self-end self-center'>
+      <div className='col-span-6 justify-self-end self-center'>
         {!state.isLoading && userRole === UserRole.WRITE &&
           <button
             className='btn btn-primary'