diff --git a/src/components/Layout/index.tsx b/src/components/Layout/index.tsx
index 72d3a16d1..ee448021f 100644
--- a/src/components/Layout/index.tsx
+++ b/src/components/Layout/index.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import { Box, useColorMode } from '@chakra-ui/react';
+import { Box, useColorMode, Flex } from '@chakra-ui/react';
 import Navbar from './navbar';
 import NavbarPhone from './navbarPhone';
 import { useRouter } from 'next/router';
@@ -62,29 +62,21 @@ const Layout = ({ children }: { children: JSX.Element }) => {
               <Box h={'100%'} position={'fixed'} left={0} top={0} w={'80px'}>
                 <Navbar navbarList={navbarList} />
               </Box>
-              <Box ml={'80px'} h={'100%'}>
-                <Box maxW={'1100px'} m={'auto'} h={'100%'} p={7} overflowY={'auto'}>
+              <Box h={'100%'} ml={'80px'}>
+                <Box h={'100%'} py={7} px={'5vw'} m={'auto'} overflowY={'auto'}>
                   <Auth>{children}</Auth>
                 </Box>
               </Box>
             </>
           ) : (
-            <Box pt={'60px'}>
-              <Box
-                h={'60px'}
-                position={'fixed'}
-                top={0}
-                left={0}
-                right={0}
-                zIndex={100}
-                borderBottom={'1px solid rgba(0,0,0,0.1)'}
-              >
+            <Flex h={'100%'} flexDirection={'column'}>
+              <Box h={'60px'} borderBottom={'1px solid rgba(0,0,0,0.1)'}>
                 <NavbarPhone navbarList={navbarList} />
               </Box>
-              <Box py={3} px={4}>
+              <Box flex={'1 0 0'} h={0} py={3} px={4} overflowY={'auto'}>
                 <Auth>{children}</Auth>
               </Box>
-            </Box>
+            </Flex>
           )}
         </Box>
       ) : (
diff --git a/src/pages/data/detail.tsx b/src/pages/data/detail.tsx
index c460e5290..74f915128 100644
--- a/src/pages/data/detail.tsx
+++ b/src/pages/data/detail.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Card, Table, Thead, Tbody, Tr, Th, Td, TableContainer } from '@chakra-ui/react';
+import { Box, Card } from '@chakra-ui/react';
 import ScrollData from '@/components/ScrollData';
 import { getDataItems } from '@/api/data';
 import { usePaging } from '@/hooks/usePaging';
@@ -13,7 +13,7 @@ const DataDetail = ({ dataName, dataId }: { dataName: string; dataId: string })
     data: dataItems
   } = usePaging<DataItemSchema>({
     api: getDataItems,
-    pageSize: 10,
+    pageSize: 5,
     params: {
       dataId
     }