diff --git a/client/src/pages/profile/Notifications.jsx b/client/src/pages/profile/Notifications.jsx
index a99ae32..a137d54 100644
--- a/client/src/pages/profile/Notifications.jsx
+++ b/client/src/pages/profile/Notifications.jsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { Drawer, DrawerBody, DrawerContent, DrawerHeader, DrawerOverlay, useDisclosure } from '@chakra-ui/react';
+import { Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerHeader, DrawerOverlay, useDisclosure } from '@chakra-ui/react';
 import { useColorMode } from '@chakra-ui/react';
 import { useSelector } from 'react-redux';
 import { selectUserData } from '../../features/AuthSlice';
@@ -83,13 +83,13 @@ function Notifications({ theme }) {
             <Drawer isOpen={isOpen} onClose={onClose} size={'lg'}>
                 <DrawerOverlay />
                 <DrawerContent>
-
+               <DrawerCloseButton/>
                     <DrawerHeader>
-                        
+                         
                     </DrawerHeader>
 
                     <DrawerBody>
-                     <h1>Notification is empty</h1>
+                     <h1 className='text-center font-bold text-2xl'>Notification is empty</h1>
                     </DrawerBody>
 
                 </DrawerContent>
diff --git a/server/instance/database.db b/server/instance/database.db
index e3cded4..d058076 100644
Binary files a/server/instance/database.db and b/server/instance/database.db differ