Didn't convert to table but managed to change stylings accordingly

src/components/App.tsx

@@ -7,19 +7,19 @@ import styled from 'styled-components';
 
 const Wrapper = styled.div`
   display: flex;
+  height: calc(100vh - 80px);
 `;
 
 export const App = () => {
   const [isOpenTransfer, setOpenTransfer] = useState(false);
 
-
   const handleTransfer = () => {
     setOpenTransfer(!isOpenTransfer);
   };
 
   return (
     <>
-      <Topbar handleTransfer={handleTransfer}  />
+      <Topbar handleTransfer={handleTransfer} />
       <Transfer isOpen={isOpenTransfer} handleClose={handleTransfer} />
       <Wrapper>
         <Scheduler />