diff --git a/client/src/app/pages/tasks/tasks-page.tsx b/client/src/app/pages/tasks/tasks-page.tsx
index d4452dbb52..05c247c9d4 100644
--- a/client/src/app/pages/tasks/tasks-page.tsx
+++ b/client/src/app/pages/tasks/tasks-page.tsx
@@ -2,9 +2,6 @@ import React, { ReactNode } from "react";
 import { useTranslation } from "react-i18next";
 import { Link, useHistory } from "react-router-dom";
 import {
-  EmptyState,
-  EmptyStateHeader,
-  EmptyStateIcon,
   PageSection,
   PageSectionVariants,
   Text,
@@ -22,7 +19,6 @@ import {
   Td,
   ThProps,
 } from "@patternfly/react-table";
-import { CubesIcon } from "@patternfly/react-icons";
 
 import { FilterToolbar, FilterType } from "@app/components/FilterToolbar";
 import {
@@ -49,6 +45,7 @@ import dayjs from "dayjs";
 import { formatPath } from "@app/utils/utils";
 import { Paths } from "@app/Paths";
 import { TaskActionColumn } from "./TaskActionColumn";
+import { StateNoData } from "@app/components/StateNoData";
 
 const taskStateToLabel: Record<TaskState, string> = {
   "No task": "taskState.NoTask",
@@ -317,15 +314,7 @@ export const TasksPage: React.FC = () => {
               isLoading={isFetching}
               isError={!!fetchError}
               isNoData={currentPageItems.length === 0}
-              noDataEmptyState={
-                <EmptyState variant="sm">
-                  <EmptyStateHeader
-                    titleText={t("message.noResultsFoundTitle")}
-                    headingLevel="h2"
-                    icon={<EmptyStateIcon icon={CubesIcon} />}
-                  />
-                </EmptyState>
-              }
+              noDataEmptyState={<StateNoData />}
               numRenderedColumns={numRenderedColumns}
             >
               <Tbody>