diff --git a/src/App.jsx b/src/App.jsx
index b976b45..ea24775 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -36,7 +36,7 @@ import IndexNotification from './pages/notification/IndexNotification';
 import IndexRole from './pages/role/IndexRole';
 import IndexUser from './pages/user/IndexUser';
 import IndexContact from './pages/contact/IndexContact';
-import DetailNotificationTab from './pages/detailNotification/IndexDetailNotification';
+import DetailNotificationTab from './pages/notificationDetail/IndexNotificationDetail';
 import IndexVerificationSparepart from './pages/verificationSparepart/IndexVerificationSparepart';
 
 import SvgTest from './pages/home/SvgTest';
@@ -64,7 +64,7 @@ const App = () => {
                 <Route path="/signup" element={<SignUp />} />
                 <Route path="/svg" element={<SvgTest />} />
                 <Route
-                    path="/detail-notification/:notificationId"
+                    path="/notification-detail/:notificationId"
                     element={<DetailNotificationTab />}
                 />
                 <Route
diff --git a/src/pages/notification/component/ListNotification.jsx b/src/pages/notification/component/ListNotification.jsx
index a859add..94a844d 100644
--- a/src/pages/notification/component/ListNotification.jsx
+++ b/src/pages/notification/component/ListNotification.jsx
@@ -464,7 +464,7 @@ const ListNotification = memo(function ListNotification(props) {
                                                         }}
                                                     />
                                                     <RouterLink
-                                                        to={`/detail-notification/${
+                                                        to={`/notification-detail/${
                                                             notification.id.split('-')[1]
                                                         }`}
                                                         target="_blank"
diff --git a/src/pages/detailNotification/IndexDetailNotification.jsx b/src/pages/notificationDetail/IndexNotificationDetail.jsx
similarity index 99%
rename from src/pages/detailNotification/IndexDetailNotification.jsx
rename to src/pages/notificationDetail/IndexNotificationDetail.jsx
index 128c554..f820eb1 100644
--- a/src/pages/detailNotification/IndexDetailNotification.jsx
+++ b/src/pages/notificationDetail/IndexNotificationDetail.jsx
@@ -81,7 +81,7 @@ const getIconAndColor = (type) => {
     }
 };
 
-const DetailNotificationTab = () => {
+const NotificationDetailTab = () => {
     const { notificationId } = useParams(); // Mungkin perlu disesuaikan jika route berbeda
     const navigate = useNavigate();
     const [notification, setNotification] = useState(null);
@@ -408,4 +408,4 @@ const DetailNotificationTab = () => {
     );
 };
 
-export default DetailNotificationTab;
\ No newline at end of file
+export default NotificationDetailTab;
\ No newline at end of file