diff --git a/src/module/_global/components/notification_custome_center.tsx b/src/module/_global/components/notification_custome_center.tsx
index f40a956..cab0f68 100644
--- a/src/module/_global/components/notification_custome_center.tsx
+++ b/src/module/_global/components/notification_custome_center.tsx
@@ -7,7 +7,7 @@ import { IoCloseOutline } from 'react-icons/io5';
 import { TEMA } from '../bin/val_global';
 
 export default function NotificationCustomeCenter({ title, desc, onClick }: { title: string, desc: string, onClick: (val: string) => void, }) {
-   const [opened, setOpened] = useState(false);
+   const [opened, setOpened] = useState(false)
    const tema = useHookstate(TEMA)
 
    useShallowEffect(() => {
@@ -72,7 +72,15 @@ export default function NotificationCustomeCenter({ title, desc, onClick }: { ti
                            />
                            <Text size="xl" fw={500} ta="center">PENGUMUMAN</Text>
                            <Text size="sm" ta="center">{desc}</Text>
-                           <SimpleGrid cols={2} spacing="xs" w={'90%'}>
+                           <SimpleGrid
+                              cols={{ base: 1, sm: 2, lg: 2 }}
+                              spacing="xs"
+                              w={'90%'}>
+                              {/* {
+                                 isMobile
+                                    ? <></>
+                                    :
+                                    <> */}
                               <Button
                                  fullWidth
                                  radius="md"
@@ -93,6 +101,8 @@ export default function NotificationCustomeCenter({ title, desc, onClick }: { ti
                               >
                                  Tandai Telah Dibaca
                               </Button>
+                              {/* </>
+                              } */}
                            </SimpleGrid>
                         </Flex>
                      </Box>