diff --git a/src/app/notification/page.tsx b/src/app/notification/page.tsx
index 200cfe78..385f828b 100644
--- a/src/app/notification/page.tsx
+++ b/src/app/notification/page.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { NotificationCard } from '@/components/pages/notification';
+import { NotificationCard, NotificationHeader } from '@/components/pages/notification';
 import { useGetNotificationsInfinite } from '@/hooks/use-notification/use-notification-get-list';
 
 export default function NotificationPage() {
@@ -10,6 +10,7 @@ export default function NotificationPage() {
 
   return (
     <section>
+      <NotificationHeader />
       <div className='flex h-10 flex-row items-center justify-end gap-2'>
         <p className='text-mono-white bg-mint-500 flex-center size-4 rounded-full'>v</p>
         <p className='text-mono-black text-text-sm mr-3 text-right'>모두 읽음 처리</p>
diff --git a/src/components/pages/notification/index.ts b/src/components/pages/notification/index.ts
index de7f2df6..88e4d1b5 100644
--- a/src/components/pages/notification/index.ts
+++ b/src/components/pages/notification/index.ts
@@ -1 +1,2 @@
 export { NotificationCard } from './notification-card';
+export { NotificationHeader } from './notification-header';
diff --git a/src/components/pages/notification/notification-header/index.tsx b/src/components/pages/notification/notification-header/index.tsx
new file mode 100644
index 00000000..33e2ae4a
--- /dev/null
+++ b/src/components/pages/notification/notification-header/index.tsx
@@ -0,0 +1,25 @@
+'use client';
+import { useRouter } from 'next/navigation';
+
+import { Icon } from '@/components/icon';
+
+export const NotificationHeader = () => {
+  const router = useRouter();
+
+  const handleHistoryBackClick = () => {
+    router.back();
+  };
+
+  return (
+    <nav className='bg-mono-white flex-center sticky top-14 z-10 h-12 border-b-1 border-gray-200'>
+      <button
+        className='absolute left-5 size-6 cursor-pointer rounded-md transition-colors duration-300 hover:bg-gray-100 active:bg-gray-100'
+        aria-label='뒤로 가기'
+        onClick={handleHistoryBackClick}
+      >
+        <Icon id='chevron-left-2' className='text-gray-500' />
+      </button>
+      <h2 className='text-text-md-bold text-gray-800'>알림</h2>
+    </nav>
+  );
+};