diff --git a/src/frontend/src/hooks/UseInstance.tsx b/src/frontend/src/hooks/UseInstance.tsx
index d160269d14..54702b1f3b 100644
--- a/src/frontend/src/hooks/UseInstance.tsx
+++ b/src/frontend/src/hooks/UseInstance.tsx
@@ -23,7 +23,8 @@ export function useInstance<T = any>({
   hasPrimaryKey = true,
   refetchOnMount = true,
   refetchOnWindowFocus = false,
-  throwError = false
+  throwError = false,
+  updateInterval
 }: {
   endpoint: ApiEndpoints;
   pk?: string | undefined;
@@ -34,6 +35,7 @@ export function useInstance<T = any>({
   refetchOnMount?: boolean;
   refetchOnWindowFocus?: boolean;
   throwError?: boolean;
+  updateInterval?: number;
 }) {
   const [instance, setInstance] = useState<T | undefined>(defaultValue);
 
@@ -74,7 +76,8 @@ export function useInstance<T = any>({
         });
     },
     refetchOnMount: refetchOnMount,
-    refetchOnWindowFocus: refetchOnWindowFocus
+    refetchOnWindowFocus: refetchOnWindowFocus,
+    refetchInterval: updateInterval
   });
 
   const refreshInstance = useCallback(function () {
diff --git a/src/frontend/src/pages/Index/Settings/AdminCenter/TaskManagementPanel.tsx b/src/frontend/src/pages/Index/Settings/AdminCenter/TaskManagementPanel.tsx
index ab68858d14..729139dbad 100644
--- a/src/frontend/src/pages/Index/Settings/AdminCenter/TaskManagementPanel.tsx
+++ b/src/frontend/src/pages/Index/Settings/AdminCenter/TaskManagementPanel.tsx
@@ -1,9 +1,19 @@
 import { t } from '@lingui/macro';
-import { Accordion } from '@mantine/core';
+import {
+  Accordion,
+  Alert,
+  Divider,
+  Paper,
+  SimpleGrid,
+  Stack,
+  Text
+} from '@mantine/core';
 import { lazy } from 'react';
 
 import { StylishText } from '../../../../components/items/StylishText';
+import { ApiEndpoints } from '../../../../enums/ApiEndpoints';
 import { Loadable } from '../../../../functions/loading';
+import { useInstance } from '../../../../hooks/UseInstance';
 
 const PendingTasksTable = Loadable(
   lazy(() => import('../../../../tables/settings/PendingTasksTable'))
@@ -17,33 +27,76 @@ const FailedTasksTable = Loadable(
   lazy(() => import('../../../../tables/settings/FailedTasksTable'))
 );
 
-export default function TaskManagementPanel() {
+function TaskCountOverview({ title, value }: { title: string; value: number }) {
   return (
-    <Accordion defaultValue="pending">
-      <Accordion.Item value="pending" key="pending-tasks">
-        <Accordion.Control>
-          <StylishText size="lg">{t`Pending Tasks`}</StylishText>
-        </Accordion.Control>
-        <Accordion.Panel>
-          <PendingTasksTable />
-        </Accordion.Panel>
-      </Accordion.Item>
-      <Accordion.Item value="scheduled" key="scheduled-tasks">
-        <Accordion.Control>
-          <StylishText size="lg">{t`Scheduled Tasks`}</StylishText>
-        </Accordion.Control>
-        <Accordion.Panel>
-          <ScheduledTasksTable />
-        </Accordion.Panel>
-      </Accordion.Item>
-      <Accordion.Item value="failed" key="failed-tasks">
-        <Accordion.Control>
-          <StylishText size="lg">{t`Failed Tasks`}</StylishText>
-        </Accordion.Control>
-        <Accordion.Panel>
-          <FailedTasksTable />
-        </Accordion.Panel>
-      </Accordion.Item>
-    </Accordion>
+    <Paper p="md" shadow="xs">
+      <Stack gap="xs">
+        <StylishText size="md">{title}</StylishText>
+        <Text>{value}</Text>
+      </Stack>
+    </Paper>
+  );
+}
+
+export default function TaskManagementPanel() {
+  const { instance: taskInfo } = useInstance({
+    endpoint: ApiEndpoints.task_overview,
+    hasPrimaryKey: false,
+    refetchOnMount: true,
+    defaultValue: {},
+    updateInterval: 30 * 1000
+  });
+
+  return (
+    <>
+      {!taskInfo.is_running && (
+        <Alert title={t`Background Worker Not Running`} color="red">
+          <Text>{t`The background task manager service is not running. Contact your system administrator.`}</Text>
+        </Alert>
+      )}
+      <Stack gap="xs">
+        <SimpleGrid cols={3} spacing="xs">
+          <TaskCountOverview
+            title={t`Pending Tasks`}
+            value={taskInfo?.pending_tasks}
+          />
+          <TaskCountOverview
+            title={t`Scheduled Tasks`}
+            value={taskInfo?.scheduled_tasks}
+          />
+          <TaskCountOverview
+            title={t`Failed Tasks`}
+            value={taskInfo?.failed_tasks}
+          />
+        </SimpleGrid>
+        <Divider />
+        <Accordion defaultValue="pending">
+          <Accordion.Item value="pending" key="pending-tasks">
+            <Accordion.Control>
+              <StylishText size="lg">{t`Pending Tasks`}</StylishText>
+            </Accordion.Control>
+            <Accordion.Panel>
+              <PendingTasksTable />
+            </Accordion.Panel>
+          </Accordion.Item>
+          <Accordion.Item value="scheduled" key="scheduled-tasks">
+            <Accordion.Control>
+              <StylishText size="lg">{t`Scheduled Tasks`}</StylishText>
+            </Accordion.Control>
+            <Accordion.Panel>
+              <ScheduledTasksTable />
+            </Accordion.Panel>
+          </Accordion.Item>
+          <Accordion.Item value="failed" key="failed-tasks">
+            <Accordion.Control>
+              <StylishText size="lg">{t`Failed Tasks`}</StylishText>
+            </Accordion.Control>
+            <Accordion.Panel>
+              <FailedTasksTable />
+            </Accordion.Panel>
+          </Accordion.Item>
+        </Accordion>
+      </Stack>
+    </>
   );
 }