diff --git a/apps/web/src/components/AppDrawer/index.tsx b/apps/web/src/components/AppDrawer/index.tsx
index 2def395..92347f9 100644
--- a/apps/web/src/components/AppDrawer/index.tsx
+++ b/apps/web/src/components/AppDrawer/index.tsx
@@ -1,14 +1,5 @@
 import { FC, ReactNode, useRef } from 'react'
-import {
-  Box,
-  Drawer,
-  DrawerBody,
-  DrawerCloseButton,
-  DrawerContent,
-  DrawerHeader,
-  DrawerOverlay,
-  useDisclosure,
-} from '@chakra-ui/react'
+import { Box, Drawer, DrawerBody, DrawerContent, DrawerHeader, DrawerOverlay, useDisclosure } from '@chakra-ui/react'
 
 export type TProps = {
   title?: string,
@@ -25,13 +16,14 @@ export const AppDrawer: FC<TProps> = ({ children, title, trigger }) => {
       <Box ref={btnRef} onClick={onOpen} cursor='pointer'>
         {trigger}
       </Box>
-      <Drawer isOpen={isOpen} placement='left' onClose={onClose} finalFocusRef={btnRef} size={'xs'}>
+      <Drawer isOpen={isOpen} placement='left' onClose={onClose} finalFocusRef={btnRef}>
         <DrawerOverlay />
-        <DrawerContent>
-          <DrawerCloseButton />
-          <DrawerHeader>{title}</DrawerHeader>
-          <DrawerBody>
-            <Box onClick={onClose}>{children}</Box>
+        <DrawerContent maxW='100px'>
+          <DrawerHeader p={0}>{title}</DrawerHeader>
+          <DrawerBody p={0}>
+            <Box pt={3} onClick={onClose}>
+              {children}
+            </Box>
           </DrawerBody>
         </DrawerContent>
       </Drawer>