diff --git a/awx/ui_next/src/screens/ManagementJob/ManagementJob.jsx b/awx/ui_next/src/screens/ManagementJob/ManagementJob.jsx
index be0bedb8d6..87c2b5dc79 100644
--- a/awx/ui_next/src/screens/ManagementJob/ManagementJob.jsx
+++ b/awx/ui_next/src/screens/ManagementJob/ManagementJob.jsx
@@ -16,6 +16,7 @@ import { Card, PageSection } from '@patternfly/react-core';
 import { SystemJobTemplatesAPI } from '../../api';
 import ContentError from '../../components/ContentError';
 import ContentLoading from '../../components/ContentLoading';
+import NotificationList from '../../components/NotificationList';
 import RoutedTabs from '../../components/RoutedTabs';
 import { Schedules } from '../../components/Schedule';
 import { useConfig } from '../../contexts/Config';
@@ -23,7 +24,6 @@ import useRequest from '../../util/useRequest';
 
 import ManagementJobDetails from './ManagementJobDetails';
 import ManagementJobEdit from './ManagementJobEdit';
-import ManagementJobNotifications from './ManagementJobNotifications';
 
 function ManagementJob({ i18n, setBreadcrumb }) {
   const basePath = '/management_jobs';
@@ -141,9 +141,15 @@ function ManagementJob({ i18n, setBreadcrumb }) {
           <Route path={`${basePath}/:id/edit`}>
             <ManagementJobEdit managementJob={result} />
           </Route>
-          <Route path={`${basePath}/:id/notifications`}>
-            <ManagementJobNotifications managementJob={result} />
-          </Route>
+          {canReadNotifications ? (
+            <Route path={`${basePath}/:id/notifications`}>
+              <NotificationList
+                id={Number(result?.id)}
+                canToggleNotifications={isNotificationAdmin}
+                apiModel={SystemJobTemplatesAPI}
+              />
+            </Route>
+          ) : null}
           <Route path={`${basePath}/:id/schedules`}>
             <Schedules
               unifiedJobTemplate={result}
diff --git a/awx/ui_next/src/screens/ManagementJob/ManagementJobNotifications/ManagementJobNotifications.jsx b/awx/ui_next/src/screens/ManagementJob/ManagementJobNotifications/ManagementJobNotifications.jsx
deleted file mode 100644
index 43d8ba78c0..0000000000
--- a/awx/ui_next/src/screens/ManagementJob/ManagementJobNotifications/ManagementJobNotifications.jsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react';
-
-import { CardBody } from '../../../components/Card';
-
-function ManagementJobNotifications({ managementJob }) {
-  return <CardBody>Management Job Notifications</CardBody>;
-}
-
-export default ManagementJobNotifications;
diff --git a/awx/ui_next/src/screens/ManagementJob/ManagementJobNotifications/index.js b/awx/ui_next/src/screens/ManagementJob/ManagementJobNotifications/index.js
deleted file mode 100644
index 799d7c45fb..0000000000
--- a/awx/ui_next/src/screens/ManagementJob/ManagementJobNotifications/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './ManagementJobNotifications';