fix box error

Front/src/coinList/coinList.tsx

@@ -27,7 +27,7 @@ const CoinList = (): JSX.Element => {
   const { data: globalData, isLoading: globalIsLoading, isSuccess: lobalSuccess } = useGetGlobalQuery();
 
   return (
-    <Box className="coin-list">
+    <>
       {isLoading || globalIsLoading && <div>Loading...</div>}
       {
         globalData &&
@@ -38,6 +38,7 @@ const CoinList = (): JSX.Element => {
       }
       {
         data && isSuccess &&
+        <Box className="coin-list">
           <TableContainer style={{ marginTop: 20 }}>
             <Table size="small" aria-label="simple table">
               <TableHead>
@@ -116,9 +117,10 @@ const CoinList = (): JSX.Element => {
               </TableBody>
             </Table>
           </TableContainer>
+        </Box>
       }
       <Pager page={page} per_page={per_page}/>
-    </Box>
+    </>
   )
 }