diff --git a/packages/react-core/src/demos/RTL/examples/PaginatedTable.tsx b/packages/react-core/src/demos/RTL/examples/PaginatedTable.tsx
index 94be9274bca..8a20546fe48 100644
--- a/packages/react-core/src/demos/RTL/examples/PaginatedTable.tsx
+++ b/packages/react-core/src/demos/RTL/examples/PaginatedTable.tsx
@@ -6,16 +6,14 @@ import {
BreadcrumbItem,
Button,
ButtonVariant,
- Card,
Content,
Divider,
Dropdown,
DropdownGroup,
DropdownItem,
DropdownList,
- Icon,
Label,
- LabelColor,
+ LabelStatus,
Masthead,
MastheadMain,
MastheadLogo,
@@ -48,11 +46,11 @@ import AlignRightIcon from '@patternfly/react-icons/dist/esm/icons/align-right-i
import ToolsIcon from '@patternfly/react-icons/dist/esm/icons/tools-icon';
import RhUiRunningIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-running-icon';
import RhUiClockFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clock-fill-icon';
+import RhUiStopCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-stop-circle-fill-icon';
import pfLogo from '@patternfly/react-core/src/demos/assets/pf-logo.svg';
import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon';
import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon';
import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
-import RhUiStopCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-stop-circle-fill-icon';
import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon';
import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
import { rows } from '@patternfly/react-core/dist/esm/demos/sampleDataRTL';
@@ -180,42 +178,28 @@ export const PaginatedTableAction: React.FunctionComponent = () => {
case 'Running':
case 'רץ':
return (
-
);
case 'Stopped':
case 'עצר':
return (
-
-
-
- }
- color={LabelColor.red}
- >
+ }>
{translation.table.rows.status.stopped}
);
case 'Needs maintenance':
case 'זקוק לתחזוקה':
return (
- } color={LabelColor.blue}>
+ }>
{translation.table.rows.status.needsMaintenance}
);
case 'Down':
case 'מטה':
return (
- } color={LabelColor.orange}>
+ }>
{translation.table.rows.status.down}
);
@@ -229,11 +213,7 @@ export const PaginatedTableAction: React.FunctionComponent = () => {