diff --git a/apps/user/app/(main)/(user)/announcement/page.tsx b/apps/user/app/(main)/(user)/announcement/page.tsx
index bee404d..38d9ee1 100644
--- a/apps/user/app/(main)/(user)/announcement/page.tsx
+++ b/apps/user/app/(main)/(user)/announcement/page.tsx
@@ -5,6 +5,7 @@ import { queryAnnouncement } from '@/services/user/announcement';
 import { useQuery } from '@tanstack/react-query';
 import { Timeline } from '@workspace/ui/components/timeline';
 import { Markdown } from '@workspace/ui/custom-components/markdown';
+import { formatDate } from '@workspace/ui/utils';
 
 export default function Page() {
   const { data } = useQuery({
@@ -23,8 +24,8 @@ export default function Page() {
     <Timeline
       data={
         data.map((item) => ({
-          title: item.title,
-          content: <Markdown>{item.content}</Markdown>,
+          title: String(formatDate(item.created_at, false)),
+          content: <Markdown>{`### ${item.title}\n${item.content}`}</Markdown>,
         })) || []
       }
     />
diff --git a/apps/user/app/(main)/(user)/document/page.tsx b/apps/user/app/(main)/(user)/document/page.tsx
index 2949485..e34404e 100644
--- a/apps/user/app/(main)/(user)/document/page.tsx
+++ b/apps/user/app/(main)/(user)/document/page.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import { Empty } from '@/components/empty';
 import { NEXT_PUBLIC_HIDDEN_TUTORIAL_DOCUMENT } from '@/config/constants';
 import { queryDocumentList } from '@/services/user/document';
 import { getTutorialList } from '@/utils/tutorial';
@@ -34,7 +35,7 @@ export default function Page() {
     },
     enabled: NEXT_PUBLIC_HIDDEN_TUTORIAL_DOCUMENT !== 'true',
   });
-
+  if (!DocumentList && !TutorialList) return <Empty />;
   return (
     <div className='space-y-4'>
       {DocumentList?.length > 0 && (