diff --git a/packages/react-core/src/components/AboutModal/examples/AboutModal.md b/packages/react-core/src/components/AboutModal/examples/AboutModal.md
index 7d84f1141b6..465d90ed96c 100644
--- a/packages/react-core/src/components/AboutModal/examples/AboutModal.md
+++ b/packages/react-core/src/components/AboutModal/examples/AboutModal.md
@@ -1,7 +1,7 @@
 ---
 id: About modal
 section: components
-cssPrefix: pf-c-about-modal-box
+cssPrefix: pf-v5-c-about-modal-box
 propComponents: ['AboutModal']
 ---
 import brandImg from './brandImg.svg';
diff --git a/packages/react-core/src/components/Accordion/examples/Accordion.md b/packages/react-core/src/components/Accordion/examples/Accordion.md
index 91daea90a74..aea98f99b8e 100644
--- a/packages/react-core/src/components/Accordion/examples/Accordion.md
+++ b/packages/react-core/src/components/Accordion/examples/Accordion.md
@@ -1,7 +1,7 @@
 ---
 id: Accordion
 section: components
-cssPrefix: pf-c-accordion
+cssPrefix: pf-v5-c-accordion
 propComponents: ['Accordion', 'AccordionItem', 'AccordionContent', 'AccordionToggle', AccordionExpandableContentBody]
 ---
 
diff --git a/packages/react-core/src/components/ActionList/examples/ActionList.md b/packages/react-core/src/components/ActionList/examples/ActionList.md
index de0396bafb9..5e829c52a72 100644
--- a/packages/react-core/src/components/ActionList/examples/ActionList.md
+++ b/packages/react-core/src/components/ActionList/examples/ActionList.md
@@ -1,7 +1,7 @@
 ---
 id: Action list
 section: components
-cssPrefix: pf-c-action-list
+cssPrefix: pf-v5-c-action-list
 propComponents: ['ActionList', 'ActionListGroup', 'ActionListItem']
 ---
 
diff --git a/packages/react-core/src/components/Alert/examples/Alert.md b/packages/react-core/src/components/Alert/examples/Alert.md
index 56bf3ce0047..3e5e88a7d34 100644
--- a/packages/react-core/src/components/Alert/examples/Alert.md
+++ b/packages/react-core/src/components/Alert/examples/Alert.md
@@ -1,7 +1,7 @@
 ---
 id: Alert
 section: components
-cssPrefix: pf-c-alert
+cssPrefix: pf-v5-c-alert
 propComponents: ['Alert', 'AlertGroup', 'AlertActionCloseButton', 'AlertActionLink']
 ouia: true
 ---
diff --git a/packages/react-core/src/components/Alert/examples/alert.css b/packages/react-core/src/components/Alert/examples/alert.css
index 763996658f3..cd0843a0c83 100644
--- a/packages/react-core/src/components/Alert/examples/alert.css
+++ b/packages/react-core/src/components/Alert/examples/alert.css
@@ -1,3 +1,3 @@
-.ws-react-c-alert .pf-c-alert {
+.ws-react-c-alert .pf-v5-c-alert {
   margin-bottom: 21px;
 }
diff --git a/packages/react-core/src/components/Avatar/examples/Avatar.md b/packages/react-core/src/components/Avatar/examples/Avatar.md
index aff48e1fc6c..43878fe55f4 100644
--- a/packages/react-core/src/components/Avatar/examples/Avatar.md
+++ b/packages/react-core/src/components/Avatar/examples/Avatar.md
@@ -1,7 +1,7 @@
 ---
 id: Avatar
 section: components
-cssPrefix: pf-c-avatar
+cssPrefix: pf-v5-c-avatar
 propComponents: ['Avatar']
 ---
 
diff --git a/packages/react-core/src/components/BackToTop/examples/BackToTop.md b/packages/react-core/src/components/BackToTop/examples/BackToTop.md
index c6c56327201..4db0fd2a5ee 100644
--- a/packages/react-core/src/components/BackToTop/examples/BackToTop.md
+++ b/packages/react-core/src/components/BackToTop/examples/BackToTop.md
@@ -1,7 +1,7 @@
 ---
 id: Back to top
 section: components
-cssPrefix: pf-c-back-to-top
+cssPrefix: pf-v5-c-back-to-top
 propComponents: ['BackToTop']
 ---
 
diff --git a/packages/react-core/src/components/Backdrop/examples/Backdrop.md b/packages/react-core/src/components/Backdrop/examples/Backdrop.md
index b86805f3780..c230b8606b1 100644
--- a/packages/react-core/src/components/Backdrop/examples/Backdrop.md
+++ b/packages/react-core/src/components/Backdrop/examples/Backdrop.md
@@ -1,7 +1,7 @@
 ---
 id: Backdrop
 section: components
-cssPrefix: pf-c-backdrop
+cssPrefix: pf-v5-c-backdrop
 propComponents: ['Backdrop']
 ---
 
diff --git a/packages/react-core/src/components/BackgroundImage/examples/BackgroundImage.md b/packages/react-core/src/components/BackgroundImage/examples/BackgroundImage.md
index 548ec4c3c35..3da399c73e2 100644
--- a/packages/react-core/src/components/BackgroundImage/examples/BackgroundImage.md
+++ b/packages/react-core/src/components/BackgroundImage/examples/BackgroundImage.md
@@ -1,7 +1,7 @@
 ---
 id: Background image
 section: components
-cssPrefix: pf-c-background-image
+cssPrefix: pf-v5-c-background-image
 propComponents: ['BackgroundImage']
 ---
 
diff --git a/packages/react-core/src/components/Badge/examples/Badge.md b/packages/react-core/src/components/Badge/examples/Badge.md
index 0afb2abc282..b814ebf345b 100644
--- a/packages/react-core/src/components/Badge/examples/Badge.md
+++ b/packages/react-core/src/components/Badge/examples/Badge.md
@@ -1,7 +1,7 @@
 ---
 id: Badge
 section: components
-cssPrefix: pf-c-badge
+cssPrefix: pf-v5-c-badge
 propComponents: ['Badge']
 ---
 
diff --git a/packages/react-core/src/components/Banner/__tests__/Banner.test.tsx b/packages/react-core/src/components/Banner/__tests__/Banner.test.tsx
index 83d0efc3ce5..7de60cd5e15 100644
--- a/packages/react-core/src/components/Banner/__tests__/Banner.test.tsx
+++ b/packages/react-core/src/components/Banner/__tests__/Banner.test.tsx
@@ -51,9 +51,9 @@ test('Renders with class name pf-m-blue when "blue" is passed to variant prop',
   expect(screen.getByText('Test')).toHaveClass('pf-m-blue');
 });
 
-test('Does not render pf-u-screen-reader class by default', () => {
+test('Does not render pf-v5-u-screen-reader class by default', () => {
   render(<Banner>Test</Banner>);
-  expect(screen.getByText('Test')).not.toContainHTML('<span class="pf-u-screen-reader"></span>');
+  expect(screen.getByText('Test')).not.toContainHTML('<span class="pf-v5-u-screen-reader"></span>');
 });
 
 test('Renders screenReaderText passed via prop', () => {
diff --git a/packages/react-core/src/components/Banner/examples/Banner.md b/packages/react-core/src/components/Banner/examples/Banner.md
index 49876b514a6..369fe7afdbf 100644
--- a/packages/react-core/src/components/Banner/examples/Banner.md
+++ b/packages/react-core/src/components/Banner/examples/Banner.md
@@ -1,7 +1,7 @@
 ---
 id: Banner
 section: components
-cssPrefix: pf-c-banner
+cssPrefix: pf-v5-c-banner
 propComponents: ['Banner']
 ---
 
diff --git a/packages/react-core/src/components/Breadcrumb/examples/Breadcrumb.md b/packages/react-core/src/components/Breadcrumb/examples/Breadcrumb.md
index 630dd58a8ff..f26df7ec977 100644
--- a/packages/react-core/src/components/Breadcrumb/examples/Breadcrumb.md
+++ b/packages/react-core/src/components/Breadcrumb/examples/Breadcrumb.md
@@ -1,7 +1,7 @@
 ---
 id: Breadcrumb
 section: components
-cssPrefix: pf-c-breadcrumb
+cssPrefix: pf-v5-c-breadcrumb
 propComponents: ['Breadcrumb', 'BreadcrumbItem', 'BreadcrumbHeading']
 ouia: true
 ---
diff --git a/packages/react-core/src/components/Button/examples/Button.md b/packages/react-core/src/components/Button/examples/Button.md
index d9cf6b3b07c..d426105ab29 100644
--- a/packages/react-core/src/components/Button/examples/Button.md
+++ b/packages/react-core/src/components/Button/examples/Button.md
@@ -1,7 +1,7 @@
 ---
 id: Button
 section: components
-cssPrefix: pf-c-button
+cssPrefix: pf-v5-c-button
 propComponents: ['Button', 'BadgeCountObject']
 ouia: true
 ---
diff --git a/packages/react-core/src/components/CalendarMonth/examples/CalendarMonth.md b/packages/react-core/src/components/CalendarMonth/examples/CalendarMonth.md
index a15cbfe80ae..c994bf6aa27 100644
--- a/packages/react-core/src/components/CalendarMonth/examples/CalendarMonth.md
+++ b/packages/react-core/src/components/CalendarMonth/examples/CalendarMonth.md
@@ -2,7 +2,7 @@
 id: Calendar month
 section: components
 subsection: date-and-time
-cssPrefix: pf-c-calendar-month
+cssPrefix: pf-v5-c-calendar-month
 propComponents: ['CalendarMonth', 'CalendarFormat', 'CalendarMonthInlineProps']
 ---
 
diff --git a/packages/react-core/src/components/Card/examples/Card.md b/packages/react-core/src/components/Card/examples/Card.md
index c9f328ba881..9852fcd0820 100644
--- a/packages/react-core/src/components/Card/examples/Card.md
+++ b/packages/react-core/src/components/Card/examples/Card.md
@@ -1,7 +1,7 @@
 ---
 id: Card
 section: components
-cssPrefix: pf-c-card
+cssPrefix: pf-v5-c-card
 propComponents:
   [
     'Card',
diff --git a/packages/react-core/src/components/Checkbox/examples/Checkbox.md b/packages/react-core/src/components/Checkbox/examples/Checkbox.md
index 1c995d8625a..ded0812e34f 100644
--- a/packages/react-core/src/components/Checkbox/examples/Checkbox.md
+++ b/packages/react-core/src/components/Checkbox/examples/Checkbox.md
@@ -2,7 +2,7 @@
 id: Checkbox
 section: components
 subsection: forms
-cssPrefix: pf-c-check
+cssPrefix: pf-v5-c-check
 propComponents: ['Checkbox']
 ---
 
diff --git a/packages/react-core/src/components/Checkbox/examples/checkbox.css b/packages/react-core/src/components/Checkbox/examples/checkbox.css
index 3dc33f371ab..fda8057cdae 100644
--- a/packages/react-core/src/components/Checkbox/examples/checkbox.css
+++ b/packages/react-core/src/components/Checkbox/examples/checkbox.css
@@ -1,3 +1,3 @@
-.ws-react-c-checkbox .pf-c-check.nested {
+.ws-react-c-checkbox .pf-v5-c-check.nested {
   padding-left: var(--pf-v5-global--spacer--md);
 }
diff --git a/packages/react-core/src/components/Chip/examples/Chip.md b/packages/react-core/src/components/Chip/examples/Chip.md
index 10c452cbb83..97b821bd773 100644
--- a/packages/react-core/src/components/Chip/examples/Chip.md
+++ b/packages/react-core/src/components/Chip/examples/Chip.md
@@ -1,7 +1,7 @@
 ---
 id: Chip
 section: components
-cssPrefix: pf-c-chip
+cssPrefix: pf-v5-c-chip
 propComponents: ['Chip', 'ChipGroup']
 ouia: true
 ---
diff --git a/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopy.md b/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopy.md
index f0d95009948..7acf139ac99 100644
--- a/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopy.md
+++ b/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopy.md
@@ -1,7 +1,7 @@
 ---
 id: Clipboard copy
 section: components
-cssPrefix: pf-c-copyclipboard
+cssPrefix: pf-v5-c-copyclipboard
 propComponents: ['ClipboardCopy', 'ClipboardCopyButton']
 ouia: true
 ---
diff --git a/packages/react-core/src/components/CodeBlock/examples/CodeBlock.md b/packages/react-core/src/components/CodeBlock/examples/CodeBlock.md
index 4dc66c8de13..4e0c7775ffa 100644
--- a/packages/react-core/src/components/CodeBlock/examples/CodeBlock.md
+++ b/packages/react-core/src/components/CodeBlock/examples/CodeBlock.md
@@ -1,7 +1,7 @@
 ---
 id: Code block
 section: components
-cssPrefix: pf-c-code-block
+cssPrefix: pf-v5-c-code-block
 propComponents: ['CodeBlock', 'CodeBlockAction', 'CodeBlockCode']
 ---
 
diff --git a/packages/react-core/src/components/DataList/examples/DataList.md b/packages/react-core/src/components/DataList/examples/DataList.md
index 716f1ac122f..116eca003f6 100644
--- a/packages/react-core/src/components/DataList/examples/DataList.md
+++ b/packages/react-core/src/components/DataList/examples/DataList.md
@@ -1,7 +1,7 @@
 ---
 id: Data list
 section: components
-cssPrefix: pf-c-data-list
+cssPrefix: pf-v5-c-data-list
 propComponents:
   [
     'DataList',
diff --git a/packages/react-core/src/components/DatePicker/examples/DatePicker.md b/packages/react-core/src/components/DatePicker/examples/DatePicker.md
index e327d7fd891..6648cc1a33e 100644
--- a/packages/react-core/src/components/DatePicker/examples/DatePicker.md
+++ b/packages/react-core/src/components/DatePicker/examples/DatePicker.md
@@ -2,7 +2,7 @@
 id: Date picker
 section: components
 subsection: date-and-time
-cssPrefix: pf-c-date-picker
+cssPrefix: pf-v5-c-date-picker
 propComponents: ['DatePicker', 'CalendarFormat', 'DatePickerRef']
 ---
 
diff --git a/packages/react-core/src/components/DescriptionList/examples/DescriptionList.md b/packages/react-core/src/components/DescriptionList/examples/DescriptionList.md
index bca3cc6bcc1..2ee797d10a4 100644
--- a/packages/react-core/src/components/DescriptionList/examples/DescriptionList.md
+++ b/packages/react-core/src/components/DescriptionList/examples/DescriptionList.md
@@ -1,7 +1,7 @@
 ---
 id: 'Description list'
 section: components
-cssPrefix: 'pf-c-description-list'
+cssPrefix: 'pf-v5-c-description-list'
 propComponents:
   [
     'DescriptionList',
diff --git a/packages/react-core/src/components/Divider/examples/Divider.md b/packages/react-core/src/components/Divider/examples/Divider.md
index 6d9b86d78e4..d9d10f7ee82 100644
--- a/packages/react-core/src/components/Divider/examples/Divider.md
+++ b/packages/react-core/src/components/Divider/examples/Divider.md
@@ -1,7 +1,7 @@
 ---
 id: Divider
 section: components
-cssPrefix: pf-c-divider
+cssPrefix: pf-v5-c-divider
 propComponents: ['Divider']
 ---
 
diff --git a/packages/react-core/src/components/Drawer/examples/Drawer.md b/packages/react-core/src/components/Drawer/examples/Drawer.md
index 92be6a9680e..eef744c83f4 100644
--- a/packages/react-core/src/components/Drawer/examples/Drawer.md
+++ b/packages/react-core/src/components/Drawer/examples/Drawer.md
@@ -1,6 +1,6 @@
 ---
 id: Drawer
-cssPrefix: pf-c-drawer
+cssPrefix: pf-v5-c-drawer
 propComponents:
   [
     Drawer,
diff --git a/packages/react-core/src/components/Dropdown/examples/Dropdown.md b/packages/react-core/src/components/Dropdown/examples/Dropdown.md
index f3b7dc82cde..a30813987aa 100644
--- a/packages/react-core/src/components/Dropdown/examples/Dropdown.md
+++ b/packages/react-core/src/components/Dropdown/examples/Dropdown.md
@@ -2,7 +2,7 @@
 id: Dropdown
 section: components
 subsection: menus
-cssPrefix: pf-c-menu
+cssPrefix: pf-v5-c-menu
 propComponents:
   [
     'Dropdown',
diff --git a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md
index 28eeac88b1a..60288c158ff 100644
--- a/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md
+++ b/packages/react-core/src/components/DualListSelector/examples/DualListSelector.md
@@ -1,7 +1,7 @@
 ---
 id: Dual list selector
 section: components
-cssPrefix: 'pf-c-dual-list-selector'
+cssPrefix: 'pf-v5-c-dual-list-selector'
 propComponents:
   [
     'DualListSelector',
diff --git a/packages/react-core/src/components/EmptyState/examples/EmptyState.md b/packages/react-core/src/components/EmptyState/examples/EmptyState.md
index d1b7056ecce..a84e81b4958 100644
--- a/packages/react-core/src/components/EmptyState/examples/EmptyState.md
+++ b/packages/react-core/src/components/EmptyState/examples/EmptyState.md
@@ -1,7 +1,7 @@
 ---
 id: Empty state
 section: components
-cssPrefix: pf-c-empty-state
+cssPrefix: pf-v5-c-empty-state
 propComponents: ['EmptyState', 'EmptyStateHeader', 'EmptyStateIcon', 'EmptyStateBody', 'EmptyStateFooter', 'EmptyStateActions']
 ---
 import CubesIcon from '@patternfly/react-icons/dist/esm/icons/cubes-icon';
diff --git a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSection.md b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSection.md
index 3fb7ae5ffc5..03be97cc34e 100644
--- a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSection.md
+++ b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSection.md
@@ -1,7 +1,7 @@
 ---
 id: Expandable section
 section: components
-cssPrefix: pf-c-expandable-section
+cssPrefix: pf-v5-c-expandable-section
 propComponents: ['ExpandableSection', 'ExpandableSectionToggle']
 ---
 
diff --git a/packages/react-core/src/components/FileUpload/examples/FileUpload.md b/packages/react-core/src/components/FileUpload/examples/FileUpload.md
index 9aae68baaf2..c20a2d18d10 100644
--- a/packages/react-core/src/components/FileUpload/examples/FileUpload.md
+++ b/packages/react-core/src/components/FileUpload/examples/FileUpload.md
@@ -1,6 +1,6 @@
 ---
 id: Simple file upload
-cssPrefix: pf-c-file-upload
+cssPrefix: pf-v5-c-file-upload
 propComponents: ['FileUpload', 'FileUploadField']
 section: components
 subsection: file-upload
diff --git a/packages/react-core/src/components/Form/examples/Form.md b/packages/react-core/src/components/Form/examples/Form.md
index c699df86295..9030b6ca245 100644
--- a/packages/react-core/src/components/Form/examples/Form.md
+++ b/packages/react-core/src/components/Form/examples/Form.md
@@ -2,7 +2,7 @@
 id: Form
 section: components
 subsection: forms
-cssPrefix: pf-c-form
+cssPrefix: pf-v5-c-form
 propComponents:
   [
     'ActionGroup',
diff --git a/packages/react-core/src/components/FormSelect/examples/FormSelect.md b/packages/react-core/src/components/FormSelect/examples/FormSelect.md
index 85a4c90d09c..0fd0ee0462c 100644
--- a/packages/react-core/src/components/FormSelect/examples/FormSelect.md
+++ b/packages/react-core/src/components/FormSelect/examples/FormSelect.md
@@ -2,7 +2,7 @@
 id: Form select
 section: components
 subsection: forms
-cssPrefix: pf-c-form-control
+cssPrefix: pf-v5-c-form-control
 propComponents: ['FormSelect', 'FormSelectOption', 'FormSelectOptionGroup']
 ouia: true
 ---
diff --git a/packages/react-core/src/components/HelperText/examples/HelperText.md b/packages/react-core/src/components/HelperText/examples/HelperText.md
index e0b9b165d1c..0351e8b92b3 100644
--- a/packages/react-core/src/components/HelperText/examples/HelperText.md
+++ b/packages/react-core/src/components/HelperText/examples/HelperText.md
@@ -1,7 +1,7 @@
 ---
 id: Helper text
 section: components
-cssPrefix: pf-c-helper-text
+cssPrefix: pf-v5-c-helper-text
 propComponents: ['HelperText', 'HelperTextItem']
 ---
 
diff --git a/packages/react-core/src/components/Icon/examples/Icon.md b/packages/react-core/src/components/Icon/examples/Icon.md
index c26859015a8..ab626c09f90 100644
--- a/packages/react-core/src/components/Icon/examples/Icon.md
+++ b/packages/react-core/src/components/Icon/examples/Icon.md
@@ -1,7 +1,7 @@
 ---
 id: Icon
 section: components
-cssPrefix: pf-c-icon
+cssPrefix: pf-v5-c-icon
 propComponents: ['Icon']
 ---
 
diff --git a/packages/react-core/src/components/Label/examples/Label.md b/packages/react-core/src/components/Label/examples/Label.md
index d3a9cb7a020..c048ccaa0ff 100644
--- a/packages/react-core/src/components/Label/examples/Label.md
+++ b/packages/react-core/src/components/Label/examples/Label.md
@@ -1,7 +1,7 @@
 ---
 id: Label
 section: components
-cssPrefix: pf-c-label
+cssPrefix: pf-v5-c-label
 propComponents: ['Label', 'LabelGroup']
 ---
 
diff --git a/packages/react-core/src/components/List/examples/List.md b/packages/react-core/src/components/List/examples/List.md
index cbf1f18ad93..ed5e224951d 100644
--- a/packages/react-core/src/components/List/examples/List.md
+++ b/packages/react-core/src/components/List/examples/List.md
@@ -1,7 +1,7 @@
 ---
 id: List
 section: components
-cssPrefix: pf-c-list
+cssPrefix: pf-v5-c-list
 propComponents: ['List', 'ListItem']
 ---
 
diff --git a/packages/react-core/src/components/LoginPage/examples/LoginPage.md b/packages/react-core/src/components/LoginPage/examples/LoginPage.md
index 7bd8b554ae3..7e98e6d8c61 100644
--- a/packages/react-core/src/components/LoginPage/examples/LoginPage.md
+++ b/packages/react-core/src/components/LoginPage/examples/LoginPage.md
@@ -1,7 +1,7 @@
 ---
 id: Login page
 section: components
-cssPrefix: pf-c-login
+cssPrefix: pf-v5-c-login
 propComponents:
   [
     'LoginPage',
diff --git a/packages/react-core/src/components/Masthead/examples/Masthead.md b/packages/react-core/src/components/Masthead/examples/Masthead.md
index 8972a442374..0f3460d8d12 100644
--- a/packages/react-core/src/components/Masthead/examples/Masthead.md
+++ b/packages/react-core/src/components/Masthead/examples/Masthead.md
@@ -1,7 +1,7 @@
 ---
 id: Masthead
 section: components
-cssPrefix: pf-c-masthead
+cssPrefix: pf-v5-c-masthead
 propComponents: ['Masthead', 'MastheadToggle', 'MastheadMain', 'MastheadBrand', 'MastheadContent']
 ---
 
diff --git a/packages/react-core/src/components/Menu/examples/Menu.md b/packages/react-core/src/components/Menu/examples/Menu.md
index 6b309cbb60e..26f035f7a47 100644
--- a/packages/react-core/src/components/Menu/examples/Menu.md
+++ b/packages/react-core/src/components/Menu/examples/Menu.md
@@ -2,7 +2,7 @@
 id: Menu
 section: components
 subsection: menus
-cssPrefix: pf-c-menu
+cssPrefix: pf-v5-c-menu
 propComponents:
   [
     'Menu',
diff --git a/packages/react-core/src/components/MenuToggle/examples/MenuToggle.css b/packages/react-core/src/components/MenuToggle/examples/MenuToggle.css
index fff643c71fc..a0819afd83f 100644
--- a/packages/react-core/src/components/MenuToggle/examples/MenuToggle.css
+++ b/packages/react-core/src/components/MenuToggle/examples/MenuToggle.css
@@ -1,3 +1,3 @@
-#ws-react-c-menu-toggle-primary .pf-c-menu-toggle, #ws-react-c-menu-toggle-secondary .pf-c-menu-toggle {
+#ws-react-c-menu-toggle-primary .pf-v5-c-menu-toggle, #ws-react-c-menu-toggle-secondary .pf-v5-c-menu-toggle {
     vertical-align: bottom;
 }
diff --git a/packages/react-core/src/components/MenuToggle/examples/MenuToggle.md b/packages/react-core/src/components/MenuToggle/examples/MenuToggle.md
index 99d0a8b5b2d..edce1823b39 100644
--- a/packages/react-core/src/components/MenuToggle/examples/MenuToggle.md
+++ b/packages/react-core/src/components/MenuToggle/examples/MenuToggle.md
@@ -2,7 +2,7 @@
 id: Menu toggle
 section: components
 subsection: menus
-cssPrefix: pf-c-menu-toggle
+cssPrefix: pf-v5-c-menu-toggle
 propComponents: ['MenuToggle', 'MenuToggleAction', 'MenuToggleCheckbox', 'SplitButtonOptions']
 ---
 
diff --git a/packages/react-core/src/components/Modal/examples/Modal.md b/packages/react-core/src/components/Modal/examples/Modal.md
index f56554388d1..c372ebf24b7 100644
--- a/packages/react-core/src/components/Modal/examples/Modal.md
+++ b/packages/react-core/src/components/Modal/examples/Modal.md
@@ -1,7 +1,7 @@
 ---
 id: Modal
 section: components
-cssPrefix: pf-c-modal-box
+cssPrefix: pf-v5-c-modal-box
 propComponents: ['Modal']
 ouia: true
 ---
diff --git a/packages/react-core/src/components/MultipleFileUpload/examples/MultipleFileUpload.md b/packages/react-core/src/components/MultipleFileUpload/examples/MultipleFileUpload.md
index 7a446b3244f..bd3e7441ce8 100644
--- a/packages/react-core/src/components/MultipleFileUpload/examples/MultipleFileUpload.md
+++ b/packages/react-core/src/components/MultipleFileUpload/examples/MultipleFileUpload.md
@@ -2,7 +2,7 @@
 id: Multiple file upload
 section: components
 subsection: file-upload
-cssPrefix: pf-c-multiple-file-upload
+cssPrefix: pf-v5-c-multiple-file-upload
 propComponents:
   ['MultipleFileUpload', 'MultipleFileUploadMain', 'MultipleFileUploadStatus', 'MultipleFileUploadStatusItem']
 ---
diff --git a/packages/react-core/src/components/Nav/examples/Nav.md b/packages/react-core/src/components/Nav/examples/Nav.md
index 16929c7da34..ed94b872064 100644
--- a/packages/react-core/src/components/Nav/examples/Nav.md
+++ b/packages/react-core/src/components/Nav/examples/Nav.md
@@ -1,7 +1,7 @@
 ---
 id: Navigation
 section: components
-cssPrefix: pf-c-nav
+cssPrefix: pf-v5-c-nav
 propComponents: ['Nav', 'NavList', 'NavGroup', 'NavItem', 'NavItemSeparator', 'NavExpandable']
 ouia: true
 ---
diff --git a/packages/react-core/src/components/NotificationBadge/examples/NotificationBadge.md b/packages/react-core/src/components/NotificationBadge/examples/NotificationBadge.md
index 7f1cac826c6..6b0ebe5e526 100644
--- a/packages/react-core/src/components/NotificationBadge/examples/NotificationBadge.md
+++ b/packages/react-core/src/components/NotificationBadge/examples/NotificationBadge.md
@@ -1,7 +1,7 @@
 ---
 id: Notification badge
 section: components
-cssPrefix: pf-c-notification-badge
+cssPrefix: pf-v5-c-notification-badge
 propComponents: ['NotificationBadge']
 ---
 
diff --git a/packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawer.md b/packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawer.md
index df8932d981a..3394fcc85db 100644
--- a/packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawer.md
+++ b/packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawer.md
@@ -1,7 +1,7 @@
 ---
 id: Notification drawer
 section: components
-cssPrefix: pf-c-notification-drawer
+cssPrefix: pf-v5-c-notification-drawer
 propComponents:
   [
     'NotificationDrawer',
diff --git a/packages/react-core/src/components/NumberInput/examples/NumberInput.md b/packages/react-core/src/components/NumberInput/examples/NumberInput.md
index 9e90f62a691..a795b5db323 100644
--- a/packages/react-core/src/components/NumberInput/examples/NumberInput.md
+++ b/packages/react-core/src/components/NumberInput/examples/NumberInput.md
@@ -1,7 +1,7 @@
 ---
 id: Number input
 section: components
-cssPrefix: pf-c-number-input
+cssPrefix: pf-v5-c-number-input
 propComponents: ['NumberInput']
 ---
 
diff --git a/packages/react-core/src/components/OverflowMenu/examples/OverflowMenu.md b/packages/react-core/src/components/OverflowMenu/examples/OverflowMenu.md
index 469e3780946..f1a63ea87e5 100644
--- a/packages/react-core/src/components/OverflowMenu/examples/OverflowMenu.md
+++ b/packages/react-core/src/components/OverflowMenu/examples/OverflowMenu.md
@@ -1,7 +1,7 @@
 ---
 id: Overflow menu
 section: components
-cssPrefix: pf-c-overflow-menu
+cssPrefix: pf-v5-c-overflow-menu
 propComponents:
   [
     'OverflowMenu',
diff --git a/packages/react-core/src/components/Page/examples/Page.md b/packages/react-core/src/components/Page/examples/Page.md
index 17c2842993b..2cc85a40c00 100644
--- a/packages/react-core/src/components/Page/examples/Page.md
+++ b/packages/react-core/src/components/Page/examples/Page.md
@@ -1,7 +1,7 @@
 ---
 id: Page
 section: components
-cssPrefix: pf-c-page
+cssPrefix: pf-v5-c-page
 propComponents:
   [
     'Page',
diff --git a/packages/react-core/src/components/Page/examples/page.css b/packages/react-core/src/components/Page/examples/page.css
index 98a1c924f42..f2c0ff57695 100644
--- a/packages/react-core/src/components/Page/examples/page.css
+++ b/packages/react-core/src/components/Page/examples/page.css
@@ -1,3 +1,3 @@
-.pf-c-page__sidebar-body {
+.pf-v5-c-page__sidebar-body {
   color: var(--pf-v5-global--Color--light-100);
 }
diff --git a/packages/react-core/src/components/Panel/examples/Panel.md b/packages/react-core/src/components/Panel/examples/Panel.md
index a29324c00cc..754189c25a9 100644
--- a/packages/react-core/src/components/Panel/examples/Panel.md
+++ b/packages/react-core/src/components/Panel/examples/Panel.md
@@ -1,7 +1,7 @@
 ---
 id: Panel
 section: components
-cssPrefix: pf-c-panel
+cssPrefix: pf-v5-c-panel
 propComponents: [Panel, PanelMain, PanelMainBody, PanelHeader, PanelFooter]
 ---
 
diff --git a/packages/react-core/src/components/Popover/examples/Popover.md b/packages/react-core/src/components/Popover/examples/Popover.md
index 9c31d885732..7eaa02398c3 100644
--- a/packages/react-core/src/components/Popover/examples/Popover.md
+++ b/packages/react-core/src/components/Popover/examples/Popover.md
@@ -1,7 +1,7 @@
 ---
 id: Popover
 section: components
-cssPrefix: pf-c-popover
+cssPrefix: pf-v5-c-popover
 propComponents: ['Popover']
 ---
 
diff --git a/packages/react-core/src/components/Progress/examples/Progress.md b/packages/react-core/src/components/Progress/examples/Progress.md
index 699a7db9ffa..01a27ae68f5 100644
--- a/packages/react-core/src/components/Progress/examples/Progress.md
+++ b/packages/react-core/src/components/Progress/examples/Progress.md
@@ -1,7 +1,7 @@
 ---
 id: Progress
 section: components
-cssPrefix: pf-c-progress
+cssPrefix: pf-v5-c-progress
 propComponents: ['Progress']
 ---
 
diff --git a/packages/react-core/src/components/ProgressStepper/examples/ProgressStepper.md b/packages/react-core/src/components/ProgressStepper/examples/ProgressStepper.md
index 7d5018a75cd..24a3ed2a3fe 100644
--- a/packages/react-core/src/components/ProgressStepper/examples/ProgressStepper.md
+++ b/packages/react-core/src/components/ProgressStepper/examples/ProgressStepper.md
@@ -1,7 +1,7 @@
 ---
 id: Progress stepper
 section: components
-cssPrefix: pf-c-progress-stepper
+cssPrefix: pf-v5-c-progress-stepper
 propComponents: ['ProgressStepper', 'ProgressStep']
 ---
 
diff --git a/packages/react-core/src/components/Radio/examples/Radio.md b/packages/react-core/src/components/Radio/examples/Radio.md
index d8bfcf28a9b..638ec396540 100644
--- a/packages/react-core/src/components/Radio/examples/Radio.md
+++ b/packages/react-core/src/components/Radio/examples/Radio.md
@@ -2,7 +2,7 @@
 id: Radio
 section: components
 subsection: forms
-cssPrefix: pf-c-radio
+cssPrefix: pf-v5-c-radio
 propComponents: ['Radio']
 ouia: true
 ---
diff --git a/packages/react-core/src/components/SearchInput/examples/SearchInput.md b/packages/react-core/src/components/SearchInput/examples/SearchInput.md
index a4feb166e8e..9914d204e94 100644
--- a/packages/react-core/src/components/SearchInput/examples/SearchInput.md
+++ b/packages/react-core/src/components/SearchInput/examples/SearchInput.md
@@ -1,7 +1,7 @@
 ---
 id: 'Search input'
 section: components
-cssPrefix: 'pf-c-search-input'
+cssPrefix: 'pf-v5-c-search-input'
 propComponents: ['SearchInput', 'SearchInputSearchAttribute', 'SearchInputExpandable']
 ---
 
diff --git a/packages/react-core/src/components/Select/examples/Select.md b/packages/react-core/src/components/Select/examples/Select.md
index 3ebabaca5ba..32efd3c8772 100644
--- a/packages/react-core/src/components/Select/examples/Select.md
+++ b/packages/react-core/src/components/Select/examples/Select.md
@@ -2,7 +2,7 @@
 id: Select
 section: components
 subsection: menus
-cssPrefix: pf-c-select
+cssPrefix: pf-v5-c-select
 propComponents:
   ['Select', 'SelectOption', 'SelectGroup', 'SelectList', 'MenuToggle', 'SelectToggleProps', 'SelectPopperProps']
 ouia: true
diff --git a/packages/react-core/src/components/Sidebar/examples/Sidebar.md b/packages/react-core/src/components/Sidebar/examples/Sidebar.md
index bc88af3ae39..a31b1e05408 100644
--- a/packages/react-core/src/components/Sidebar/examples/Sidebar.md
+++ b/packages/react-core/src/components/Sidebar/examples/Sidebar.md
@@ -1,6 +1,6 @@
 ---
 id: Sidebar
-cssPrefix: pf-c-sidebar
+cssPrefix: pf-v5-c-sidebar
 section: components
 propComponents: ['Sidebar', 'SidebarContent', 'SidebarPanel']
 ---
diff --git a/packages/react-core/src/components/SimpleList/examples/SimpleList.md b/packages/react-core/src/components/SimpleList/examples/SimpleList.md
index d1e5eb43817..82b135fe166 100644
--- a/packages/react-core/src/components/SimpleList/examples/SimpleList.md
+++ b/packages/react-core/src/components/SimpleList/examples/SimpleList.md
@@ -1,7 +1,7 @@
 ---
 id: Simple list
 section: components
-cssPrefix: pf-c-simple-list
+cssPrefix: pf-v5-c-simple-list
 propComponents: ['SimpleList', 'SimpleListGroup', 'SimpleListItem']
 ---
 
diff --git a/packages/react-core/src/components/Skeleton/examples/Skeleton.md b/packages/react-core/src/components/Skeleton/examples/Skeleton.md
index 0062ad91380..5248600f1ac 100644
--- a/packages/react-core/src/components/Skeleton/examples/Skeleton.md
+++ b/packages/react-core/src/components/Skeleton/examples/Skeleton.md
@@ -1,7 +1,7 @@
 ---
 id: Skeleton
 section: components
-cssPrefix: pf-c-skeleton
+cssPrefix: pf-v5-c-skeleton
 propComponents: ['Skeleton']
 ---
 
diff --git a/packages/react-core/src/components/SkipToContent/examples/SkipToContent.md b/packages/react-core/src/components/SkipToContent/examples/SkipToContent.md
index a212e1587e5..b84019a34e7 100644
--- a/packages/react-core/src/components/SkipToContent/examples/SkipToContent.md
+++ b/packages/react-core/src/components/SkipToContent/examples/SkipToContent.md
@@ -1,7 +1,7 @@
 ---
 id: Skip to content
 section: components
-cssPrefix: pf-c-skip-to-content
+cssPrefix: pf-v5-c-skip-to-content
 propComponents: ['SkipToContent']
 ---
 
diff --git a/packages/react-core/src/components/Slider/examples/Slider.md b/packages/react-core/src/components/Slider/examples/Slider.md
index 007a7adb9df..cc7880adbcb 100644
--- a/packages/react-core/src/components/Slider/examples/Slider.md
+++ b/packages/react-core/src/components/Slider/examples/Slider.md
@@ -1,7 +1,7 @@
 ---
 id: Slider
 section: components
-cssPrefix: pf-c-slider
+cssPrefix: pf-v5-c-slider
 propComponents: ['Slider', 'SliderStepObject']
 ---
 
diff --git a/packages/react-core/src/components/Spinner/examples/Spinner.md b/packages/react-core/src/components/Spinner/examples/Spinner.md
index 63a348f3683..44391f82e2d 100644
--- a/packages/react-core/src/components/Spinner/examples/Spinner.md
+++ b/packages/react-core/src/components/Spinner/examples/Spinner.md
@@ -1,7 +1,7 @@
 ---
 id: Spinner
 section: components
-cssPrefix: pf-c-spinner
+cssPrefix: pf-v5-c-spinner
 propComponents: ['Spinner']
 ---
 
diff --git a/packages/react-core/src/components/Switch/examples/Switch.md b/packages/react-core/src/components/Switch/examples/Switch.md
index ebd348affc6..2db584f3fc3 100644
--- a/packages/react-core/src/components/Switch/examples/Switch.md
+++ b/packages/react-core/src/components/Switch/examples/Switch.md
@@ -1,7 +1,7 @@
 ---
 id: Switch
 section: components
-cssPrefix: pf-c-switch
+cssPrefix: pf-v5-c-switch
 propComponents: ['Switch']
 ouia: true
 ---
diff --git a/packages/react-core/src/components/Tabs/examples/Tabs.md b/packages/react-core/src/components/Tabs/examples/Tabs.md
index 782258e88c2..0f52f7e728d 100644
--- a/packages/react-core/src/components/Tabs/examples/Tabs.md
+++ b/packages/react-core/src/components/Tabs/examples/Tabs.md
@@ -1,7 +1,7 @@
 ---
 id: Tabs
 section: components
-cssPrefix: pf-c-tabs
+cssPrefix: pf-v5-c-tabs
 propComponents: ['Tabs', 'Tab', 'TabContent', 'TabTitleText', 'TabTitleIcon', 'horizontalOverflowObject', 'TabAction']
 ouia: true
 ---
diff --git a/packages/react-core/src/components/Text/examples/Text.md b/packages/react-core/src/components/Text/examples/Text.md
index 15051c6469b..b3a9530df53 100644
--- a/packages/react-core/src/components/Text/examples/Text.md
+++ b/packages/react-core/src/components/Text/examples/Text.md
@@ -1,7 +1,7 @@
 ---
 id: Text
 section: components
-cssPrefix: pf-c-content
+cssPrefix: pf-v5-c-content
 propComponents: ['TextContent', 'Text', 'TextList', 'TextListItem']
 ---
 
diff --git a/packages/react-core/src/components/TextArea/examples/TextArea.md b/packages/react-core/src/components/TextArea/examples/TextArea.md
index a4b0b80ab8d..9cc236d7103 100644
--- a/packages/react-core/src/components/TextArea/examples/TextArea.md
+++ b/packages/react-core/src/components/TextArea/examples/TextArea.md
@@ -2,7 +2,7 @@
 id: Text area
 section: components
 subsection: forms
-cssPrefix: pf-c-form-control
+cssPrefix: pf-v5-c-form-control
 propComponents: ['TextArea']
 ---
 
diff --git a/packages/react-core/src/components/TextInput/examples/TextInput.md b/packages/react-core/src/components/TextInput/examples/TextInput.md
index 2a5a2ee800f..52694d44ab1 100644
--- a/packages/react-core/src/components/TextInput/examples/TextInput.md
+++ b/packages/react-core/src/components/TextInput/examples/TextInput.md
@@ -2,7 +2,7 @@
 id: Text input
 section: components
 subsection: forms
-cssPrefix: pf-c-form-control
+cssPrefix: pf-v5-c-form-control
 propComponents: ['TextInput']
 ---
 
diff --git a/packages/react-core/src/components/TextInputGroup/examples/TextInputGroup.md b/packages/react-core/src/components/TextInputGroup/examples/TextInputGroup.md
index d8c36817b7a..0dbf2094410 100644
--- a/packages/react-core/src/components/TextInputGroup/examples/TextInputGroup.md
+++ b/packages/react-core/src/components/TextInputGroup/examples/TextInputGroup.md
@@ -1,7 +1,7 @@
 ---
 id: Text input group
 section: components
-cssPrefix: pf-c-text-input-group
+cssPrefix: pf-v5-c-text-input-group
 propComponents: ['TextInputGroup', 'TextInputGroupMain', 'TextInputGroupUtilities']
 ---
 
diff --git a/packages/react-core/src/components/Tile/examples/Tile.md b/packages/react-core/src/components/Tile/examples/Tile.md
index 1d5ddfa6db7..660bd0a109d 100644
--- a/packages/react-core/src/components/Tile/examples/Tile.md
+++ b/packages/react-core/src/components/Tile/examples/Tile.md
@@ -1,7 +1,7 @@
 ---
 id: Tile
 section: components
-cssPrefix: pf-c-tile
+cssPrefix: pf-v5-c-tile
 propComponents: ['Tile']
 ---
 
diff --git a/packages/react-core/src/components/TimePicker/examples/TimePicker.md b/packages/react-core/src/components/TimePicker/examples/TimePicker.md
index 740bd71a560..3995adab7be 100644
--- a/packages/react-core/src/components/TimePicker/examples/TimePicker.md
+++ b/packages/react-core/src/components/TimePicker/examples/TimePicker.md
@@ -2,7 +2,7 @@
 id: Time picker
 section: components
 subsection: date-and-time
-cssPrefix: pf-c-time-picker
+cssPrefix: pf-v5-c-time-picker
 propComponents: ['TimePicker']
 beta: true
 ---
diff --git a/packages/react-core/src/components/Timestamp/__tests__/__snapshots__/Timestamp.test.tsx.snap b/packages/react-core/src/components/Timestamp/__tests__/__snapshots__/Timestamp.test.tsx.snap
index 6eaa5d032d2..99b01cec5a2 100644
--- a/packages/react-core/src/components/Timestamp/__tests__/__snapshots__/Timestamp.test.tsx.snap
+++ b/packages/react-core/src/components/Timestamp/__tests__/__snapshots__/Timestamp.test.tsx.snap
@@ -3,10 +3,10 @@
 exports[`Matches snapshot 1`] = `
 <DocumentFragment>
   <span
-    class="pf-c-timestamp"
+    class="pf-v5-c-timestamp"
   >
     <time
-      class="pf-c-timestamp__text"
+      class="pf-v5-c-timestamp__text"
       datetime="2022-01-01T00:00:00.000Z"
     >
       1/1/2022, 12:00:00 AM
diff --git a/packages/react-core/src/components/Timestamp/examples/Timestamp.md b/packages/react-core/src/components/Timestamp/examples/Timestamp.md
index 95db1c7d868..377f15a630e 100644
--- a/packages/react-core/src/components/Timestamp/examples/Timestamp.md
+++ b/packages/react-core/src/components/Timestamp/examples/Timestamp.md
@@ -1,7 +1,7 @@
 ---
 id: Timestamp
 section: components
-cssPrefix: pf-c-timestamp
+cssPrefix: pf-v5-c-timestamp
 propComponents: ['Timestamp', 'TimestampTooltip']
 beta: true
 ---
diff --git a/packages/react-core/src/components/Title/examples/Title.md b/packages/react-core/src/components/Title/examples/Title.md
index e2e3a78a020..84fcdc26ef3 100644
--- a/packages/react-core/src/components/Title/examples/Title.md
+++ b/packages/react-core/src/components/Title/examples/Title.md
@@ -1,7 +1,7 @@
 ---
 id: Title
 section: components
-cssPrefix: pf-c-title
+cssPrefix: pf-v5-c-title
 propComponents: ['Title']
 ---
 
diff --git a/packages/react-core/src/components/ToggleGroup/examples/ToggleGroup.md b/packages/react-core/src/components/ToggleGroup/examples/ToggleGroup.md
index c9ae050331a..8fedbf6e1a6 100644
--- a/packages/react-core/src/components/ToggleGroup/examples/ToggleGroup.md
+++ b/packages/react-core/src/components/ToggleGroup/examples/ToggleGroup.md
@@ -1,7 +1,7 @@
 ---
 id: Toggle group
 section: components
-cssPrefix: pf-c-toggle-group
+cssPrefix: pf-v5-c-toggle-group
 propComponents: ['ToggleGroup', 'ToggleGroupItem']
 ---
 import './toggleGroup.css';
diff --git a/packages/react-core/src/components/Toolbar/examples/Toolbar.md b/packages/react-core/src/components/Toolbar/examples/Toolbar.md
index d28a79803b3..6028f3d4e59 100644
--- a/packages/react-core/src/components/Toolbar/examples/Toolbar.md
+++ b/packages/react-core/src/components/Toolbar/examples/Toolbar.md
@@ -1,6 +1,6 @@
 ---
 id: Toolbar
-cssPrefix: pf-c-toolbar
+cssPrefix: pf-v5-c-toolbar
 propComponents: ['Toolbar', 'ToolbarContent', 'ToolbarGroup', 'ToolbarItem', 'ToolbarToggleGroup', 'ToolbarFilter']
 section: components
 ---
diff --git a/packages/react-core/src/components/Tooltip/examples/Tooltip.md b/packages/react-core/src/components/Tooltip/examples/Tooltip.md
index 485b8e3be82..228b5a1a49f 100644
--- a/packages/react-core/src/components/Tooltip/examples/Tooltip.md
+++ b/packages/react-core/src/components/Tooltip/examples/Tooltip.md
@@ -1,7 +1,7 @@
 ---
 id: Tooltip
 section: components
-cssPrefix: pf-c-tooltip
+cssPrefix: pf-v5-c-tooltip
 propComponents: ['Tooltip']
 ---
 
diff --git a/packages/react-core/src/components/TreeView/examples/TreeView.md b/packages/react-core/src/components/TreeView/examples/TreeView.md
index a76c1e83236..710fb7e8366 100644
--- a/packages/react-core/src/components/TreeView/examples/TreeView.md
+++ b/packages/react-core/src/components/TreeView/examples/TreeView.md
@@ -1,7 +1,7 @@
 ---
 id: Tree view
 section: components
-cssPrefix: pf-c-tree-view
+cssPrefix: pf-v5-c-tree-view
 propComponents: ['TreeView', 'TreeViewDataItem', 'TreeViewSearch']
 ---
 
diff --git a/packages/react-core/src/components/Truncate/examples/Truncate.md b/packages/react-core/src/components/Truncate/examples/Truncate.md
index c1d8d8f65a2..a4a8b3f1e66 100644
--- a/packages/react-core/src/components/Truncate/examples/Truncate.md
+++ b/packages/react-core/src/components/Truncate/examples/Truncate.md
@@ -12,7 +12,7 @@ import './TruncateExamples.css';
 ```js
 import React from 'react';
 import { Truncate } from '@patternfly/react-core';
-<div className="pf-c-truncate--example">
+<div className="pf-v5-c-truncate--example">
   <Truncate
     content={'Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan.'}
   />
@@ -24,7 +24,7 @@ import { Truncate } from '@patternfly/react-core';
 ```js
 import React from 'react';
 import { Truncate } from '@patternfly/react-core';
-<div className="pf-c-truncate--example">
+<div className="pf-v5-c-truncate--example">
   <Truncate
     content={'redhat_logo_black_and_white_reversed_simple_with_fedora_container.zip'}
     trailingNumChars={10}
@@ -37,7 +37,7 @@ import { Truncate } from '@patternfly/react-core';
 ```js
 import React from 'react';
 import { Truncate } from '@patternfly/react-core';
-<div className="pf-c-truncate--example">
+<div className="pf-v5-c-truncate--example">
   <Truncate
     content={'Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan.'}
     position={'start'}
@@ -49,7 +49,7 @@ import { Truncate } from '@patternfly/react-core';
 ```js
 import React from 'react';
 import { Truncate } from '@patternfly/react-core';
-<div className="pf-c-truncate--example">
+<div className="pf-v5-c-truncate--example">
   <Truncate
     content={'Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan.'}
     tooltipPosition={'bottom'}
diff --git a/packages/react-core/src/components/Truncate/examples/TruncateExamples.css b/packages/react-core/src/components/Truncate/examples/TruncateExamples.css
index 83c53a75db7..e83d923c778 100644
--- a/packages/react-core/src/components/Truncate/examples/TruncateExamples.css
+++ b/packages/react-core/src/components/Truncate/examples/TruncateExamples.css
@@ -1,4 +1,4 @@
-.pf-c-truncate--example {
+.pf-v5-c-truncate--example {
   width: 320px;
   resize: horizontal;
   overflow: auto;
diff --git a/packages/react-core/src/components/Wizard/examples/Wizard.md b/packages/react-core/src/components/Wizard/examples/Wizard.md
index d7c2d284a32..3a0cb77b8aa 100644
--- a/packages/react-core/src/components/Wizard/examples/Wizard.md
+++ b/packages/react-core/src/components/Wizard/examples/Wizard.md
@@ -1,7 +1,7 @@
 ---
 id: Wizard
 section: components
-cssPrefix: pf-c-wizard
+cssPrefix: pf-v5-c-wizard
 propComponents:
   [
     'Wizard',
diff --git a/packages/react-core/src/demos/CardDemos.md b/packages/react-core/src/demos/CardDemos.md
index ecdae7ebd28..6f67792a592 100644
--- a/packages/react-core/src/demos/CardDemos.md
+++ b/packages/react-core/src/demos/CardDemos.md
@@ -1571,9 +1571,9 @@ CardNestedDemo = () => {
                           spaceItems={{ default: 'spaceItemsNone' }}
                           alignItems={{ md: 'alignItemsFlexEnd' }}
                         >
-                          <div className="pf-l-flex__item">100C</div>
-                          <div className="pf-l-flex__item">50C</div>
-                          <div className="pf-l-flex__item">0C</div>
+                          <FlexItem>100C</FlexItem>
+                          <FlexItem>50C</FlexItem>
+                          <FlexItem>0C</FlexItem>
                         </Flex>
                       </GridItem>
                       <GridItem span={10}>
@@ -1641,9 +1641,9 @@ CardNestedDemo = () => {
                           spaceItems={{ default: 'spaceItemsNone' }}
                           alignItems={{ md: 'alignItemsFlexEnd' }}
                         >
-                          <div className="pf-l-flex__item">3.6Ghz</div>
-                          <div className="pf-l-flex__item">1.5Ghz</div>
-                          <div className="pf-l-flex__item">0GHZ</div>
+                          <FlexItem>3.6Ghz</FlexItem>
+                          <FlexItem>1.5Ghz</FlexItem>
+                          <FlexItem>0GHZ</FlexItem>
                         </Flex>
                       </GridItem>
                       <GridItem span={10}>
@@ -1732,9 +1732,9 @@ CardNestedDemo = () => {
                           spaceItems={{ default: 'spaceItemsNone' }}
                           alignItems={{ md: 'alignItemsFlexEnd' }}
                         >
-                          <div className="pf-l-flex__item">100C</div>
-                          <div className="pf-l-flex__item">50C</div>
-                          <div className="pf-l-flex__item">0C</div>
+                          <FlexItem>100C</FlexItem>
+                          <FlexItem>50C</FlexItem>
+                          <FlexItem>0C</FlexItem>
                         </Flex>
                       </GridItem>
                       <GridItem span={10}>
@@ -1802,9 +1802,9 @@ CardNestedDemo = () => {
                           spaceItems={{ default: 'spaceItemsNone' }}
                           alignItems={{ md: 'alignItemsFlexEnd' }}
                         >
-                          <div className="pf-l-flex__item">3.6Ghz</div>
-                          <div className="pf-l-flex__item">1.5Ghz</div>
-                          <div className="pf-l-flex__item">0GHZ</div>
+                          <FlexItem>3.6Ghz</FlexItem>
+                          <FlexItem>1.5Ghz</FlexItem>
+                          <FlexItem>0GHZ</FlexItem>
                         </Flex>
                       </GridItem>
                       <GridItem span={10}>
@@ -1893,9 +1893,9 @@ CardNestedDemo = () => {
                           spaceItems={{ default: 'spaceItemsNone' }}
                           alignItems={{ md: 'alignItemsFlexEnd' }}
                         >
-                          <div className="pf-l-flex__item">100C</div>
-                          <div className="pf-l-flex__item">50C</div>
-                          <div className="pf-l-flex__item">0C</div>
+                          <FlexItem>100C</FlexItem>
+                          <FlexItem>50C</FlexItem>
+                          <FlexItem>0C</FlexItem>
                         </Flex>
                       </GridItem>
                       <GridItem span={10}>
@@ -1963,9 +1963,9 @@ CardNestedDemo = () => {
                           spaceItems={{ default: 'spaceItemsNone' }}
                           alignItems={{ md: 'alignItemsFlexEnd' }}
                         >
-                          <div className="pf-l-flex__item">3.6Ghz</div>
-                          <div className="pf-l-flex__item">1.5Ghz</div>
-                          <div className="pf-l-flex__item">0GHZ</div>
+                          <FlexItem>3.6Ghz</FlexItem>
+                          <FlexItem>1.5Ghz</FlexItem>
+                          <FlexItem>0GHZ</FlexItem>
                         </Flex>
                       </GridItem>
                       <GridItem span={10}>
@@ -2094,9 +2094,9 @@ const AccordionCard: React.FunctionComponent = () => {
                           spaceItems={{ default: 'spaceItemsNone' }}
                           alignItems={{ md: 'alignItemsFlexEnd' }}
                         >
-                          <div className="pf-l-flex__item">100C</div>
-                          <div className="pf-l-flex__item">50C</div>
-                          <div className="pf-l-flex__item">0C</div>
+                          <FlexItem>100C</FlexItem>
+                          <FlexItem>50C</FlexItem>
+                          <FlexItem>0C</FlexItem>
                         </Flex>
                       </GridItem>
                       <GridItem span={10}>
@@ -2164,9 +2164,9 @@ const AccordionCard: React.FunctionComponent = () => {
                           spaceItems={{ default: 'spaceItemsNone' }}
                           alignItems={{ md: 'alignItemsFlexEnd' }}
                         >
-                          <div className="pf-l-flex__item">3.6Ghz</div>
-                          <div className="pf-l-flex__item">1.5Ghz</div>
-                          <div className="pf-l-flex__item">0GHZ</div>
+                          <FlexItem>3.6Ghz</FlexItem>
+                          <FlexItem>1.5Ghz</FlexItem>
+                          <FlexItem>0GHZ</FlexItem>
                         </Flex>
                       </GridItem>
                       <GridItem span={10}>
@@ -2252,9 +2252,9 @@ const AccordionCard: React.FunctionComponent = () => {
                           spaceItems={{ default: 'spaceItemsNone' }}
                           alignItems={{ md: 'alignItemsFlexEnd' }}
                         >
-                          <div className="pf-l-flex__item">100C</div>
-                          <div className="pf-l-flex__item">50C</div>
-                          <div className="pf-l-flex__item">0C</div>
+                          <FlexItem>100C</FlexItem>
+                          <FlexItem>50C</FlexItem>
+                          <FlexItem>0C</FlexItem>
                         </Flex>
                       </GridItem>
                       <GridItem span={10}>
@@ -2322,9 +2322,9 @@ const AccordionCard: React.FunctionComponent = () => {
                           spaceItems={{ default: 'spaceItemsNone' }}
                           alignItems={{ md: 'alignItemsFlexEnd' }}
                         >
-                          <div className="pf-l-flex__item">3.6Ghz</div>
-                          <div className="pf-l-flex__item">1.5Ghz</div>
-                          <div className="pf-l-flex__item">0GHZ</div>
+                          <FlexItem>3.6Ghz</FlexItem>
+                          <FlexItem>1.5Ghz</FlexItem>
+                          <FlexItem>0GHZ</FlexItem>
                         </Flex>
                       </GridItem>
                       <GridItem span={10}>
@@ -2410,9 +2410,9 @@ const AccordionCard: React.FunctionComponent = () => {
                           spaceItems={{ default: 'spaceItemsNone' }}
                           alignItems={{ md: 'alignItemsFlexEnd' }}
                         >
-                          <div className="pf-l-flex__item">100C</div>
-                          <div className="pf-l-flex__item">50C</div>
-                          <div className="pf-l-flex__item">0C</div>
+                          <FlexItem>100C</FlexItem>
+                          <FlexItem>50C</FlexItem>
+                          <FlexItem>0C</FlexItem>
                         </Flex>
                       </GridItem>
                       <GridItem span={10}>
@@ -2480,9 +2480,9 @@ const AccordionCard: React.FunctionComponent = () => {
                           spaceItems={{ default: 'spaceItemsNone' }}
                           alignItems={{ md: 'alignItemsFlexEnd' }}
                         >
-                          <div className="pf-l-flex__item">3.6Ghz</div>
-                          <div className="pf-l-flex__item">1.5Ghz</div>
-                          <div className="pf-l-flex__item">0GHZ</div>
+                          <FlexItem>3.6Ghz</FlexItem>
+                          <FlexItem>1.5Ghz</FlexItem>
+                          <FlexItem>0GHZ</FlexItem>
                         </Flex>
                       </GridItem>
                       <GridItem span={10}>
diff --git a/packages/react-core/src/demos/CustomMenus/examples/ContextSelectorDemo.tsx b/packages/react-core/src/demos/CustomMenus/examples/ContextSelectorDemo.tsx
index e7ceaaaeaf1..48032761d0e 100644
--- a/packages/react-core/src/demos/CustomMenus/examples/ContextSelectorDemo.tsx
+++ b/packages/react-core/src/demos/CustomMenus/examples/ContextSelectorDemo.tsx
@@ -119,14 +119,14 @@ export const ContextSelectorDemo: React.FunctionComponent = () => {
                 placeholder="Search"
                 onChange={(_event, value) => onSearchInputChange(value)}
                 onKeyPress={onEnterPressed}
-                aria-labelledby="pf-context-selector-search-button-id-1"
+                aria-labelledby="pf-v5-context-selector-search-button-id-1"
               />
             </InputGroupItem>
             <InputGroupItem>
               <Button
                 variant={ButtonVariant.control}
                 aria-label="Search menu items"
-                id="pf-context-selector-search-button-id-1"
+                id="pf-v5-context-selector-search-button-id-1"
                 onClick={onSearchButtonClick}
               >
                 <SearchIcon aria-hidden="true" />
diff --git a/packages/react-core/src/demos/JumpLinks.md b/packages/react-core/src/demos/JumpLinks.md
index 832eb1581d7..a112b0f47c2 100644
--- a/packages/react-core/src/demos/JumpLinks.md
+++ b/packages/react-core/src/demos/JumpLinks.md
@@ -43,7 +43,7 @@ ScrollspyH2 = () => {
 
   // Update offset based on the masthead and jump links nav heights.
   React.useEffect(() => {
-    const masthead = document.getElementsByClassName('pf-c-masthead')[0];
+    const masthead = document.getElementsByClassName('pf-v5-c-masthead')[0];
     const offsetForPadding = 10;
 
     getResizeObserver(
diff --git a/packages/react-core/src/demos/examples/JumpLinks/JumpLinksWithDrawer.js b/packages/react-core/src/demos/examples/JumpLinks/JumpLinksWithDrawer.js
index 2513f0e23e2..742467a9741 100644
--- a/packages/react-core/src/demos/examples/JumpLinks/JumpLinksWithDrawer.js
+++ b/packages/react-core/src/demos/examples/JumpLinks/JumpLinksWithDrawer.js
@@ -29,7 +29,7 @@ export const JumpLinksWithDrawer = () => {
   const drawerRef = React.useRef();
 
   React.useEffect(() => {
-    const masthead = document.getElementsByClassName('pf-c-masthead')[0];
+    const masthead = document.getElementsByClassName('pf-v5-c-masthead')[0];
     const drawerToggleSection = document.getElementById('drawer-toggle');
 
     getResizeObserver(
diff --git a/packages/react-core/src/deprecated/components/ApplicationLauncher/examples/ApplicationLauncher.md b/packages/react-core/src/deprecated/components/ApplicationLauncher/examples/ApplicationLauncher.md
index d6c2d2135a0..fe92a30b890 100644
--- a/packages/react-core/src/deprecated/components/ApplicationLauncher/examples/ApplicationLauncher.md
+++ b/packages/react-core/src/deprecated/components/ApplicationLauncher/examples/ApplicationLauncher.md
@@ -2,7 +2,7 @@
 id: Application launcher
 section: components
 subsection: menus
-cssPrefix: pf-c-app-launcher
+cssPrefix: pf-v5-c-app-launcher
 propComponents: ['ApplicationLauncher', 'ApplicationLauncherItem', 'ApplicationLauncherContent']
 ouia: true
 ---
diff --git a/packages/react-core/src/deprecated/components/ContextSelector/ContextSelector.tsx b/packages/react-core/src/deprecated/components/ContextSelector/ContextSelector.tsx
index 624ea32e95d..784a7939644 100644
--- a/packages/react-core/src/deprecated/components/ContextSelector/ContextSelector.tsx
+++ b/packages/react-core/src/deprecated/components/ContextSelector/ContextSelector.tsx
@@ -135,8 +135,8 @@ export class ContextSelector extends React.Component<ContextSelectorProps, { oui
     } = this.props;
 
     const uniqueId = id || getUniqueId();
-    const toggleId = `pf-context-selector-toggle-id-${uniqueId}`;
-    const screenReaderLabelId = `pf-context-selector-label-id-${uniqueId}`;
+    const toggleId = `pf-v5-context-selector-toggle-id-${uniqueId}`;
+    const screenReaderLabelId = `pf-v5-context-selector-label-id-${uniqueId}`;
     const isStatic = isFlipEnabled && menuAppendTo !== 'inline';
 
     const menuContainer = (
diff --git a/packages/react-core/src/deprecated/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap b/packages/react-core/src/deprecated/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap
index aa2cd938874..5ff2f46ac8f 100644
--- a/packages/react-core/src/deprecated/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap
+++ b/packages/react-core/src/deprecated/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap
@@ -10,9 +10,9 @@ exports[`ContextSelector Renders ContextSelector 1`] = `
   >
     <button
       aria-expanded="false"
-      aria-labelledby="pf-context-selector-label-id-render pf-context-selector-toggle-id-render"
+      aria-labelledby="pf-v5-context-selector-label-id-render pf-v5-context-selector-toggle-id-render"
       class="pf-v5-c-context-selector__toggle"
-      id="pf-context-selector-toggle-id-render"
+      id="pf-v5-context-selector-toggle-id-render"
       type="button"
     >
       <span
@@ -48,9 +48,9 @@ exports[`ContextSelector Renders ContextSelector open 1`] = `
   >
     <button
       aria-expanded="true"
-      aria-labelledby="pf-context-selector-label-id-render-open pf-context-selector-toggle-id-render-open"
+      aria-labelledby="pf-v5-context-selector-label-id-render-open pf-v5-context-selector-toggle-id-render-open"
       class="pf-v5-c-context-selector__toggle"
-      id="pf-context-selector-toggle-id-render-open"
+      id="pf-v5-context-selector-toggle-id-render-open"
       type="button"
     >
       <span
@@ -219,9 +219,9 @@ exports[`ContextSelector Renders in strict mode 1`] = `
   >
     <button
       aria-expanded="true"
-      aria-labelledby="pf-context-selector-label-id-render pf-context-selector-toggle-id-render"
+      aria-labelledby="pf-v5-context-selector-label-id-render pf-v5-context-selector-toggle-id-render"
       class="pf-v5-c-context-selector__toggle"
-      id="pf-context-selector-toggle-id-render"
+      id="pf-v5-context-selector-toggle-id-render"
       type="button"
     >
       <span
diff --git a/packages/react-core/src/deprecated/components/Dropdown/examples/Dropdown.md b/packages/react-core/src/deprecated/components/Dropdown/examples/Dropdown.md
index 7fcf7f4ce67..6cd56b69495 100644
--- a/packages/react-core/src/deprecated/components/Dropdown/examples/Dropdown.md
+++ b/packages/react-core/src/deprecated/components/Dropdown/examples/Dropdown.md
@@ -2,7 +2,7 @@
 id: Dropdown
 section: components
 subsection: menus
-cssPrefix: pf-c-dropdown
+cssPrefix: pf-v5-c-dropdown
 propComponents:
   [
     'Dropdown',
diff --git a/packages/react-core/src/deprecated/components/OptionsMenu/examples/OptionsMenu.md b/packages/react-core/src/deprecated/components/OptionsMenu/examples/OptionsMenu.md
index d32d6e4c4c2..c8a128eb923 100644
--- a/packages/react-core/src/deprecated/components/OptionsMenu/examples/OptionsMenu.md
+++ b/packages/react-core/src/deprecated/components/OptionsMenu/examples/OptionsMenu.md
@@ -2,7 +2,7 @@
 id: Options menu
 section: components
 subsection: menus
-cssPrefix: pf-c-options-menu
+cssPrefix: pf-v5-c-options-menu
 propComponents: ['OptionsMenu', 'OptionsMenuItem', 'OptionsMenuSeparator', 'OptionsMenuToggle', 'OptionsMenuToggleWithText']
 ouia: true
 ---
diff --git a/packages/react-core/src/deprecated/components/PageHeader/examples/PageHeader.md b/packages/react-core/src/deprecated/components/PageHeader/examples/PageHeader.md
index b08da0300a3..675d83fc301 100644
--- a/packages/react-core/src/deprecated/components/PageHeader/examples/PageHeader.md
+++ b/packages/react-core/src/deprecated/components/PageHeader/examples/PageHeader.md
@@ -1,7 +1,7 @@
 ---
 id: Page
 section: components
-cssPrefix: pf-c-page
+cssPrefix: pf-v5-c-page
 propComponents: ['PageHeader', 'PageHeaderTools', 'PageHeaderToolsGroup', 'PageHeaderToolsItem']
 ---
 
diff --git a/packages/react-core/src/deprecated/components/Select/examples/Select.md b/packages/react-core/src/deprecated/components/Select/examples/Select.md
index dfd1215b557..3f6a6e69fbe 100644
--- a/packages/react-core/src/deprecated/components/Select/examples/Select.md
+++ b/packages/react-core/src/deprecated/components/Select/examples/Select.md
@@ -2,7 +2,7 @@
 id: Select
 section: components
 subsection: menus
-cssPrefix: pf-c-select
+cssPrefix: pf-v5-c-select
 propComponents: ['Select', 'SelectOption', 'SelectGroup', 'SelectOptionObject', 'SelectViewMoreObject']
 ouia: true
 ---
diff --git a/packages/react-core/src/deprecated/components/Wizard/examples/Wizard.md b/packages/react-core/src/deprecated/components/Wizard/examples/Wizard.md
index 682a423109f..dcdf5da75d9 100644
--- a/packages/react-core/src/deprecated/components/Wizard/examples/Wizard.md
+++ b/packages/react-core/src/deprecated/components/Wizard/examples/Wizard.md
@@ -1,7 +1,7 @@
 ---
 id: Wizard
 section: components
-cssPrefix: pf-c-wizard
+cssPrefix: pf-v5-c-wizard
 propComponents:
   ['Wizard', 'WizardNav', 'WizardNavItem', 'WizardHeader', 'WizardBody', 'WizardFooter', 'WizardToggle', 'WizardStep']
 ouia: true
diff --git a/packages/react-core/src/layouts/Bullseye/examples/Bullseye.md b/packages/react-core/src/layouts/Bullseye/examples/Bullseye.md
index 4b012985081..afd0bb33ecd 100644
--- a/packages/react-core/src/layouts/Bullseye/examples/Bullseye.md
+++ b/packages/react-core/src/layouts/Bullseye/examples/Bullseye.md
@@ -1,6 +1,6 @@
 ---
 id: Bullseye
-cssPrefix: pf-l-bullseye
+cssPrefix: pf-v5-l-bullseye
 section: layouts
 propComponents: ['Bullseye']
 ---
diff --git a/packages/react-core/src/layouts/Bullseye/examples/bullseye.css b/packages/react-core/src/layouts/Bullseye/examples/bullseye.css
index b4819de9178..6242d0c8e2a 100644
--- a/packages/react-core/src/layouts/Bullseye/examples/bullseye.css
+++ b/packages/react-core/src/layouts/Bullseye/examples/bullseye.css
@@ -1,5 +1,5 @@
-.ws-react-l-bullseye .pf-l-bullseye,
-.ws-react-l-bullseye .pf-l-bullseye > div {
+.ws-react-l-bullseye .pf-v5-l-bullseye,
+.ws-react-l-bullseye .pf-v5-l-bullseye > div {
   padding: 1rem;
   border-width: 2px;
   border-style: dashed;
diff --git a/packages/react-core/src/layouts/Flex/__tests__/Flex.test.tsx b/packages/react-core/src/layouts/Flex/__tests__/Flex.test.tsx
index 26249dfbffb..c017f891975 100644
--- a/packages/react-core/src/layouts/Flex/__tests__/Flex.test.tsx
+++ b/packages/react-core/src/layouts/Flex/__tests__/Flex.test.tsx
@@ -134,7 +134,7 @@ describe('Flex', () => {
             </Flex>
           );
 
-          const className = screen.getByTestId('test-id').className.replace('pf-l-flex', '').trim();
+          const className = screen.getByTestId('test-id').className.replace('pf-v5-l-flex', '').trim();
           expect(className).not.toBe("''");
           expect(className).not.toBe('');
         })
diff --git a/packages/react-core/src/layouts/Flex/examples/Flex.md b/packages/react-core/src/layouts/Flex/examples/Flex.md
index 2f138383403..78cff1f8046 100644
--- a/packages/react-core/src/layouts/Flex/examples/Flex.md
+++ b/packages/react-core/src/layouts/Flex/examples/Flex.md
@@ -1,6 +1,6 @@
 ---
 id: Flex
-cssPrefix: pf-l-flex
+cssPrefix: pf-v5-l-flex
 section: layouts
 propComponents: ['Flex', 'FlexItem']
 ---
diff --git a/packages/react-core/src/layouts/Flex/examples/flex.css b/packages/react-core/src/layouts/Flex/examples/flex.css
index 73c591dc274..59bd675a600 100644
--- a/packages/react-core/src/layouts/Flex/examples/flex.css
+++ b/packages/react-core/src/layouts/Flex/examples/flex.css
@@ -1,8 +1,8 @@
-.ws-react-l-flex .pf-l-flex {
+.ws-react-l-flex .pf-v5-l-flex {
   padding: 1rem;
 }
 
-.ws-react-l-flex .pf-l-flex > div,
+.ws-react-l-flex .pf-v5-l-flex > div,
 .ws-react-l-flex .example-border {
   border-style: dashed;
   border-width: 2px;
diff --git a/packages/react-core/src/layouts/Gallery/examples/Gallery.md b/packages/react-core/src/layouts/Gallery/examples/Gallery.md
index 11bd0043ff4..0a368c9a9f3 100644
--- a/packages/react-core/src/layouts/Gallery/examples/Gallery.md
+++ b/packages/react-core/src/layouts/Gallery/examples/Gallery.md
@@ -1,6 +1,6 @@
 ---
 id: Gallery
-cssPrefix: pf-l-gallery
+cssPrefix: pf-v5-l-gallery
 section: layouts
 propComponents: ['Gallery', 'GalleryItem']
 ---
diff --git a/packages/react-core/src/layouts/Gallery/examples/gallery.css b/packages/react-core/src/layouts/Gallery/examples/gallery.css
index e4248b2c733..6e30492314a 100644
--- a/packages/react-core/src/layouts/Gallery/examples/gallery.css
+++ b/packages/react-core/src/layouts/Gallery/examples/gallery.css
@@ -1,8 +1,8 @@
-.ws-react-l-gallery .pf-l-gallery {
+.ws-react-l-gallery .pf-v5-l-gallery {
     padding: 1rem;
   }
 
-.ws-react-l-gallery .pf-l-gallery > div {
+.ws-react-l-gallery .pf-v5-l-gallery > div {
   padding: 1rem;
   border-width: 2px;
   border-style: dashed;
diff --git a/packages/react-core/src/layouts/Grid/examples/Grid.md b/packages/react-core/src/layouts/Grid/examples/Grid.md
index 06582b00dbf..15b0ba78c42 100644
--- a/packages/react-core/src/layouts/Grid/examples/Grid.md
+++ b/packages/react-core/src/layouts/Grid/examples/Grid.md
@@ -1,6 +1,6 @@
 ---
 id: Grid
-cssPrefix: pf-l-grid
+cssPrefix: pf-v5-l-grid
 section: layouts
 propComponents: ['Grid', 'GridItem']
 ---
diff --git a/packages/react-core/src/layouts/Grid/examples/grid.css b/packages/react-core/src/layouts/Grid/examples/grid.css
index dbd86b0d01d..7e24fe1fb94 100644
--- a/packages/react-core/src/layouts/Grid/examples/grid.css
+++ b/packages/react-core/src/layouts/Grid/examples/grid.css
@@ -1,5 +1,5 @@
-.ws-react-l-grid > .pf-l-grid,
-.ws-react-l-grid > .pf-l-grid > .pf-l-grid__item {
+.ws-react-l-grid > .pf-v5-l-grid,
+.ws-react-l-grid > .pf-v5-l-grid > .pf-v5-l-grid__item {
   min-height: 75px;
   padding: 1rem;
   border-width: 2px;
diff --git a/packages/react-core/src/layouts/Level/examples/Level.md b/packages/react-core/src/layouts/Level/examples/Level.md
index a37bcfb7446..53da0609785 100644
--- a/packages/react-core/src/layouts/Level/examples/Level.md
+++ b/packages/react-core/src/layouts/Level/examples/Level.md
@@ -1,6 +1,6 @@
 ---
 id: Level
-cssPrefix: pf-l-level
+cssPrefix: pf-v5-l-level
 section: layouts
 propComponents: ['Level', 'LevelItem']
 ---
diff --git a/packages/react-core/src/layouts/Level/examples/level.css b/packages/react-core/src/layouts/Level/examples/level.css
index 0e2820664fd..6c131ece159 100644
--- a/packages/react-core/src/layouts/Level/examples/level.css
+++ b/packages/react-core/src/layouts/Level/examples/level.css
@@ -2,12 +2,12 @@
   padding: 9px;
 }
 
-.ws-react-l-level .pf-l-level {
+.ws-react-l-level .pf-v5-l-level {
   min-height: 160px;
 }
 
-.ws-react-l-level .pf-l-level,
-.ws-react-l-level .pf-l-level > div {
+.ws-react-l-level .pf-v5-l-level,
+.ws-react-l-level .pf-v5-l-level > div {
   padding: 9px;
   border-width: 2px;
   border-style: dashed;
diff --git a/packages/react-core/src/layouts/Split/examples/Split.md b/packages/react-core/src/layouts/Split/examples/Split.md
index cc21d2219c6..1a87e7f5273 100644
--- a/packages/react-core/src/layouts/Split/examples/Split.md
+++ b/packages/react-core/src/layouts/Split/examples/Split.md
@@ -1,6 +1,6 @@
 ---
 id: Split
-cssPrefix: pf-l-split
+cssPrefix: pf-v5-l-split
 section: layouts
 propComponents: ['Split', 'SplitItem']
 ---
diff --git a/packages/react-core/src/layouts/Split/examples/split.css b/packages/react-core/src/layouts/Split/examples/split.css
index 85b5304e545..9c4731a6676 100644
--- a/packages/react-core/src/layouts/Split/examples/split.css
+++ b/packages/react-core/src/layouts/Split/examples/split.css
@@ -1,5 +1,5 @@
-.ws-react-l-split .pf-l-split,
-.ws-react-l-split .pf-l-split > .pf-l-split__item {
+.ws-react-l-split .pf-v5-l-split,
+.ws-react-l-split .pf-v5-l-split > .pf-v5-l-split__item {
   padding: 1rem;
   border-width: 2px;
   border-style: dashed;
diff --git a/packages/react-core/src/layouts/Stack/examples/Stack.md b/packages/react-core/src/layouts/Stack/examples/Stack.md
index 8b514487299..52a8ad40dce 100644
--- a/packages/react-core/src/layouts/Stack/examples/Stack.md
+++ b/packages/react-core/src/layouts/Stack/examples/Stack.md
@@ -1,6 +1,6 @@
 ---
 id: Stack
-cssPrefix: pf-l-stack
+cssPrefix: pf-v5-l-stack
 section: layouts
 propComponents: ['Stack', 'StackItem']
 ---
diff --git a/packages/react-core/src/layouts/Stack/examples/stack.css b/packages/react-core/src/layouts/Stack/examples/stack.css
index 70a5e6df93e..9e44b9a93d8 100644
--- a/packages/react-core/src/layouts/Stack/examples/stack.css
+++ b/packages/react-core/src/layouts/Stack/examples/stack.css
@@ -4,12 +4,12 @@
   flex-direction: column;
 }
 
-.ws-react-l-stack > .pf-l-stack {
+.ws-react-l-stack > .pf-v5-l-stack {
   flex-grow: 1;
 }
 
-.ws-react-l-stack .pf-l-stack,
-.ws-react-l-stack .pf-l-stack > .pf-l-stack__item {
+.ws-react-l-stack .pf-v5-l-stack,
+.ws-react-l-stack .pf-v5-l-stack > .pf-v5-l-stack__item {
   padding: 1rem;
   border-width: 2px;
   border-style: dashed;