diff --git a/packages/react-core/package.json b/packages/react-core/package.json
index 3ed55965f94..77530062a5a 100644
--- a/packages/react-core/package.json
+++ b/packages/react-core/package.json
@@ -53,7 +53,7 @@
     "tslib": "^2.5.0"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "5.0.0-alpha.33",
+    "@patternfly/patternfly": "5.0.0-alpha.37",
     "@rollup/plugin-commonjs": "^24.0.0",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-replace": "^5.0.2",
diff --git a/packages/react-core/scripts/copyStyles.js b/packages/react-core/scripts/copyStyles.js
index 8dade3b8dd0..315e430c79a 100644
--- a/packages/react-core/scripts/copyStyles.js
+++ b/packages/react-core/scripts/copyStyles.js
@@ -24,7 +24,7 @@ copySync(join(pfDir, 'assets/fonts'), join(stylesDir, 'assets/fonts'), {
 // Copy css
 const baseCssFiles = {
   'base.css': 'patternfly-base.css',
-  'base-no-reset.css': 'patternfly-base-no-reset.css'
+  'base-no-reset.css': 'patternfly-base-no-globals.css'
 };
 
 for (const [targetCss, baseCss] of Object.entries(baseCssFiles)) {
diff --git a/packages/react-core/src/components/BackgroundImage/BackgroundImage.tsx b/packages/react-core/src/components/BackgroundImage/BackgroundImage.tsx
index 2ce478feef0..6016769a85f 100644
--- a/packages/react-core/src/components/BackgroundImage/BackgroundImage.tsx
+++ b/packages/react-core/src/components/BackgroundImage/BackgroundImage.tsx
@@ -1,10 +1,12 @@
 import * as React from 'react';
-import cssVar from '@patternfly/react-tokens/dist/esm/c_background_image_BackgroundImage';
-import cssVarName2x from '@patternfly/react-tokens/dist/esm/c_background_image_BackgroundImage_2x';
-import cssVarNameSm from '@patternfly/react-tokens/dist/esm/c_background_image_BackgroundImage_sm';
-import cssVarNameSm2x from '@patternfly/react-tokens/dist/esm/c_background_image_BackgroundImage_sm_2x';
-import cssVarNameLg from '@patternfly/react-tokens/dist/esm/c_background_image_BackgroundImage_lg';
-import cssVarNameFilter from '@patternfly/react-tokens/dist/esm/c_background_image_Filter';
+// Commented imports that no longer exist. This component will be updated with issue #8452 resolution
+
+// import cssVar from '@patternfly/react-tokens/dist/esm/c_background_image_BackgroundImage';
+// import cssVarName2x from '@patternfly/react-tokens/dist/esm/c_background_image_BackgroundImage_2x';
+// import cssVarNameSm from '@patternfly/react-tokens/dist/esm/c_background_image_BackgroundImage_sm';
+// import cssVarNameSm2x from '@patternfly/react-tokens/dist/esm/c_background_image_BackgroundImage_sm_2x';
+// import cssVarNameLg from '@patternfly/react-tokens/dist/esm/c_background_image_BackgroundImage_lg';
+// import cssVarNameFilter from '@patternfly/react-tokens/dist/esm/c_background_image_Filter';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/BackgroundImage/background-image';
 
@@ -16,17 +18,17 @@ export interface BackgroundImageSrcMap {
   lg: string;
 }
 
-const defaultFilter = (
-  <filter>
-    <feColorMatrix type="matrix" values="1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 1 0"></feColorMatrix>
-    <feComponentTransfer colorInterpolationFilters="sRGB" result="duotone">
-      <feFuncR type="table" tableValues="0.086274509803922 0.43921568627451"></feFuncR>
-      <feFuncG type="table" tableValues="0.086274509803922 0.43921568627451"></feFuncG>
-      <feFuncB type="table" tableValues="0.086274509803922 0.43921568627451"></feFuncB>
-      <feFuncA type="table" tableValues="0 1"></feFuncA>
-    </feComponentTransfer>
-  </filter>
-);
+// const defaultFilter = (
+//   <filter>
+//     <feColorMatrix type="matrix" values="1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 1 0"></feColorMatrix>
+//     <feComponentTransfer colorInterpolationFilters="sRGB" result="duotone">
+//       <feFuncR type="table" tableValues="0.086274509803922 0.43921568627451"></feFuncR>
+//       <feFuncG type="table" tableValues="0.086274509803922 0.43921568627451"></feFuncG>
+//       <feFuncB type="table" tableValues="0.086274509803922 0.43921568627451"></feFuncB>
+//       <feFuncA type="table" tableValues="0 1"></feFuncA>
+//     </feComponentTransfer>
+//   </filter>
+// );
 
 export interface BackgroundImageProps extends Omit<React.HTMLProps<HTMLDivElement>, 'src'> {
   /** Additional classes added to the background. */
@@ -37,41 +39,42 @@ export interface BackgroundImageProps extends Omit<React.HTMLProps<HTMLDivElemen
   src: string | BackgroundImageSrcMap;
 }
 
-let filterCounter = 0;
+// let filterCounter = 0;
 
 export const BackgroundImage: React.FunctionComponent<BackgroundImageProps> = ({
   className,
-  src,
-  filter = defaultFilter,
+  // src,
+  // filter = defaultFilter,
   ...props
-}: BackgroundImageProps) => {
-  const getUrlValue = (size: keyof BackgroundImageSrcMap) => {
-    if (typeof src === 'string') {
-      return `url(${src})`;
-    } else if (typeof src === 'object') {
-      return `url(${src[size]})`;
-    }
+}: BackgroundImageProps) => 
+  // const getUrlValue = (size: keyof BackgroundImageSrcMap) => {
+  //   if (typeof src === 'string') {
+  //     return `url(${src})`;
+  //   } else if (typeof src === 'object') {
+  //     return `url(${src[size]})`;
+  //   }
 
-    return '';
-  };
+  //   return '';
+  // };
 
-  const filterNum = React.useMemo(() => filterCounter++, []);
-  const filterId = `patternfly-background-image-filter-overlay${filterNum}`;
-  const style = {
-    [cssVar.name]: getUrlValue('xs'),
-    [cssVarName2x.name]: getUrlValue('xs2x'),
-    [cssVarNameSm.name]: getUrlValue('sm'),
-    [cssVarNameSm2x.name]: getUrlValue('sm2x'),
-    [cssVarNameLg.name]: getUrlValue('lg'),
-    [cssVarNameFilter.name]: `url(#${filterId})`
-  } as React.CSSProperties;
+  // const filterNum = React.useMemo(() => filterCounter++, []);
+  // const filterId = `patternfly-background-image-filter-overlay${filterNum}`;
+  // const style = {
+  //   [cssVar.name]: getUrlValue('xs'),
+  //   [cssVarName2x.name]: getUrlValue('xs2x'),
+  //   [cssVarNameSm.name]: getUrlValue('sm'),
+  //   [cssVarNameSm2x.name]: getUrlValue('sm2x'),
+  //   [cssVarNameLg.name]: getUrlValue('lg'),
+  // [cssVarNameFilter.name]: `url(#${filterId})`
+  // } as React.CSSProperties;
 
-  return (
-    <div className={css(styles.backgroundImage, className)} style={style} {...props}>
+   (
+    // TODO: removed inline style add it  back with issue #8452 resolution. Also commented out the "React.cloneElement(filter, { id: filterId })} "
+    <div className={css(styles.backgroundImage, className)} {...props}>
       <svg xmlns="http://www.w3.org/2000/svg" className="pf-c-background-image__filter" width="0" height="0">
-        {React.cloneElement(filter, { id: filterId })}
+        {/* {React.cloneElement(filter, { id: filterId })} */}
       </svg>
     </div>
-  );
-};
+  )
+;
 BackgroundImage.displayName = 'BackgroundImage';
diff --git a/packages/react-core/src/components/BackgroundImage/__tests__/__snapshots__/BackgroundImage.test.tsx.snap b/packages/react-core/src/components/BackgroundImage/__tests__/__snapshots__/BackgroundImage.test.tsx.snap
index 6d2c7cf1122..6ec23d78130 100644
--- a/packages/react-core/src/components/BackgroundImage/__tests__/__snapshots__/BackgroundImage.test.tsx.snap
+++ b/packages/react-core/src/components/BackgroundImage/__tests__/__snapshots__/BackgroundImage.test.tsx.snap
@@ -4,44 +4,14 @@ exports[`BackgroundImage 1`] = `
 <DocumentFragment>
   <div
     class="pf-c-background-image"
-    style="--pf-c-background-image--BackgroundImage: url(/assets/images/pfbg_576.jpg); --pf-c-background-image--BackgroundImage-2x: url(/assets/images/pfbg_576@2x.jpg); --pf-c-background-image--BackgroundImage--sm: url(/assets/images/pfbg_768.jpg); --pf-c-background-image--BackgroundImage--sm-2x: url(/assets/images/pfbg_768@2x.jpg); --pf-c-background-image--BackgroundImage--lg: url(/assets/images/pfbg_1200.jpg); --pf-c-background-image--Filter: url(#patternfly-background-image-filter-overlay0);"
+    src="[object Object]"
   >
     <svg
       class="pf-c-background-image__filter"
       height="0"
       width="0"
       xmlns="http://www.w3.org/2000/svg"
-    >
-      <filter
-        id="patternfly-background-image-filter-overlay0"
-      >
-        <fecolormatrix
-          type="matrix"
-          values="1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 1 0"
-        />
-        <fecomponenttransfer
-          color-interpolation-filters="sRGB"
-          result="duotone"
-        >
-          <fefuncr
-            tableValues="0.086274509803922 0.43921568627451"
-            type="table"
-          />
-          <fefuncg
-            tableValues="0.086274509803922 0.43921568627451"
-            type="table"
-          />
-          <fefuncb
-            tableValues="0.086274509803922 0.43921568627451"
-            type="table"
-          />
-          <fefunca
-            tableValues="0 1"
-            type="table"
-          />
-        </fecomponenttransfer>
-      </filter>
-    </svg>
+    />
   </div>
 </DocumentFragment>
 `;
@@ -50,44 +20,14 @@ exports[`allows passing in a single string as the image src 1`] = `
 <DocumentFragment>
   <div
     class="pf-c-background-image"
-    style="--pf-c-background-image--BackgroundImage: url(/assets/images/pfbg_1200.jpg); --pf-c-background-image--BackgroundImage-2x: url(/assets/images/pfbg_1200.jpg); --pf-c-background-image--BackgroundImage--sm: url(/assets/images/pfbg_1200.jpg); --pf-c-background-image--BackgroundImage--sm-2x: url(/assets/images/pfbg_1200.jpg); --pf-c-background-image--BackgroundImage--lg: url(/assets/images/pfbg_1200.jpg); --pf-c-background-image--Filter: url(#patternfly-background-image-filter-overlay1);"
+    src="/assets/images/pfbg_1200.jpg"
   >
     <svg
       class="pf-c-background-image__filter"
       height="0"
       width="0"
       xmlns="http://www.w3.org/2000/svg"
-    >
-      <filter
-        id="patternfly-background-image-filter-overlay1"
-      >
-        <fecolormatrix
-          type="matrix"
-          values="1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 1 0"
-        />
-        <fecomponenttransfer
-          color-interpolation-filters="sRGB"
-          result="duotone"
-        >
-          <fefuncr
-            tableValues="0.086274509803922 0.43921568627451"
-            type="table"
-          />
-          <fefuncg
-            tableValues="0.086274509803922 0.43921568627451"
-            type="table"
-          />
-          <fefuncb
-            tableValues="0.086274509803922 0.43921568627451"
-            type="table"
-          />
-          <fefunca
-            tableValues="0 1"
-            type="table"
-          />
-        </fecomponenttransfer>
-      </filter>
-    </svg>
+    />
   </div>
 </DocumentFragment>
 `;
diff --git a/packages/react-core/src/components/Icon/Icon.tsx b/packages/react-core/src/components/Icon/Icon.tsx
index 019e23a07af..2fe2e127a9c 100644
--- a/packages/react-core/src/components/Icon/Icon.tsx
+++ b/packages/react-core/src/components/Icon/Icon.tsx
@@ -17,7 +17,7 @@ export interface IconComponentProps extends Omit<React.HTMLProps<HTMLSpanElement
   /** Size of progress icon. Overrides the icon size set by the size property. */
   progressIconSize?: 'sm' | 'md' | 'lg' | 'xl';
   /** Status color of the icon */
-  status?: 'default' | 'info' | 'success' | 'warning' | 'danger';
+  status?: 'custom' | 'info' | 'success' | 'warning' | 'danger';
   /** Indicates the icon is inline and should inherit the text font size and color. Overriden by size and iconSize properties. */
   isInline?: boolean;
   /** Indicates the icon is in progress. Setting this property to true will swap the icon with the progressIcon. */
diff --git a/packages/react-core/src/components/Icon/__tests__/Icon.test.tsx b/packages/react-core/src/components/Icon/__tests__/Icon.test.tsx
index bc02e755989..7cc1ca39762 100644
--- a/packages/react-core/src/components/Icon/__tests__/Icon.test.tsx
+++ b/packages/react-core/src/components/Icon/__tests__/Icon.test.tsx
@@ -109,10 +109,10 @@ test('check icon without size', () => {
   expect(Array.from(iconContainer?.classList || []).some(c => /pf-m-*/.test(c))); // Check no modifier classes have been added
 });
 
-Object.values(['default', 'info', 'success', 'warning', 'danger']).forEach(status => {
+Object.values(['custom', 'info', 'success', 'warning', 'danger']).forEach(status => {
   test(`sets status modifier successfully - ${status}`, () => {
     render(
-      <Icon status={status as 'default' | 'info' | 'success' | 'warning' | 'danger'} title={`${status}-icon`}>
+      <Icon status={status as 'custom' | 'info' | 'success' | 'warning' | 'danger'} title={`${status}-icon`}>
         <CheckIcon />
       </Icon>
     );
diff --git a/packages/react-core/src/components/Icon/examples/IconStatus.tsx b/packages/react-core/src/components/Icon/examples/IconStatus.tsx
index 2601e4d789a..f3d8321f7f8 100644
--- a/packages/react-core/src/components/Icon/examples/IconStatus.tsx
+++ b/packages/react-core/src/components/Icon/examples/IconStatus.tsx
@@ -20,7 +20,7 @@ export const IconStatus: React.FunctionComponent = () => (
     <Icon status="info">
       <InfoCircleIcon />
     </Icon>
-    <Icon status="default">
+    <Icon status="custom">
       <BellIcon />
     </Icon>
   </React.Fragment>
diff --git a/packages/react-core/src/components/LoginPage/__tests__/__snapshots__/LoginPage.test.tsx.snap b/packages/react-core/src/components/LoginPage/__tests__/__snapshots__/LoginPage.test.tsx.snap
index 3c3a455e6fb..885947b8b95 100644
--- a/packages/react-core/src/components/LoginPage/__tests__/__snapshots__/LoginPage.test.tsx.snap
+++ b/packages/react-core/src/components/LoginPage/__tests__/__snapshots__/LoginPage.test.tsx.snap
@@ -5,44 +5,14 @@ exports[`check loginpage example against snapshot 1`] = `
   <div
     alt="Pf-background"
     class="pf-c-background-image"
-    style="--pf-c-background-image--BackgroundImage: url(Background src); --pf-c-background-image--BackgroundImage-2x: url(Background src); --pf-c-background-image--BackgroundImage--sm: url(Background src); --pf-c-background-image--BackgroundImage--sm-2x: url(Background src); --pf-c-background-image--BackgroundImage--lg: url(Background src); --pf-c-background-image--Filter: url(#patternfly-background-image-filter-overlay0);"
+    src="Background src"
   >
     <svg
       class="pf-c-background-image__filter"
       height="0"
       width="0"
       xmlns="http://www.w3.org/2000/svg"
-    >
-      <filter
-        id="patternfly-background-image-filter-overlay0"
-      >
-        <fecolormatrix
-          type="matrix"
-          values="1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 1 0"
-        />
-        <fecomponenttransfer
-          color-interpolation-filters="sRGB"
-          result="duotone"
-        >
-          <fefuncr
-            tableValues="0.086274509803922 0.43921568627451"
-            type="table"
-          />
-          <fefuncg
-            tableValues="0.086274509803922 0.43921568627451"
-            type="table"
-          />
-          <fefuncb
-            tableValues="0.086274509803922 0.43921568627451"
-            type="table"
-          />
-          <fefunca
-            tableValues="0 1"
-            type="table"
-          />
-        </fecomponenttransfer>
-      </filter>
-    </svg>
+    />
   </div>
   <div
     class="pf-c-login"
diff --git a/packages/react-core/src/components/Modal/ModalContent.tsx b/packages/react-core/src/components/Modal/ModalContent.tsx
index 2a8c948fd0e..f4e5867190f 100644
--- a/packages/react-core/src/components/Modal/ModalContent.tsx
+++ b/packages/react-core/src/components/Modal/ModalContent.tsx
@@ -177,7 +177,7 @@ export const ModalContent: React.FunctionComponent<ModalContentProps> = ({
       className={css(
         className,
         isVariantIcon(titleIconVariant) &&
-          modalStyles.modifiers[titleIconVariant as 'success' | 'warning' | 'info' | 'danger' | 'default']
+          modalStyles.modifiers[titleIconVariant as 'success' | 'warning' | 'info' | 'danger' | 'custom']
       )}
       variant={variant}
       position={position}
diff --git a/packages/react-core/src/components/NotificationDrawer/NotificationDrawerListItem.tsx b/packages/react-core/src/components/NotificationDrawer/NotificationDrawerListItem.tsx
index 988fec5bad0..4034f4f4508 100644
--- a/packages/react-core/src/components/NotificationDrawer/NotificationDrawerListItem.tsx
+++ b/packages/react-core/src/components/NotificationDrawer/NotificationDrawerListItem.tsx
@@ -16,7 +16,7 @@ export interface NotificationDrawerListItemProps extends React.HTMLProps<HTMLLIE
   /**  Tab index for the list item */
   tabIndex?: number;
   /**  Variant indicates the severity level */
-  variant?: 'default' | 'success' | 'danger' | 'warning' | 'info';
+  variant?: 'custom' | 'success' | 'danger' | 'warning' | 'info';
 }
 
 export const NotificationDrawerListItem: React.FunctionComponent<NotificationDrawerListItemProps> = ({
@@ -27,7 +27,7 @@ export const NotificationDrawerListItem: React.FunctionComponent<NotificationDra
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   onClick = (event: React.MouseEvent) => undefined as any,
   tabIndex = 0,
-  variant = 'default',
+  variant = 'custom',
   ...props
 }: NotificationDrawerListItemProps) => {
   const onKeyDown = (event: React.KeyboardEvent) => {
diff --git a/packages/react-core/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerListItem.test.tsx.snap b/packages/react-core/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerListItem.test.tsx.snap
index 29ec2562743..03975b54026 100644
--- a/packages/react-core/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerListItem.test.tsx.snap
+++ b/packages/react-core/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerListItem.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`NotificationDrawerListItem renders with PatternFly Core styles 1`] = `
 <DocumentFragment>
   <li
-    class="pf-c-notification-drawer__list-item pf-m-hoverable pf-m-default"
+    class="pf-c-notification-drawer__list-item pf-m-hoverable pf-m-custom"
     tabindex="0"
   />
 </DocumentFragment>
diff --git a/packages/react-core/src/components/Popover/Popover.tsx b/packages/react-core/src/components/Popover/Popover.tsx
index 668d4b4e31e..0bee1389646 100644
--- a/packages/react-core/src/components/Popover/Popover.tsx
+++ b/packages/react-core/src/components/Popover/Popover.tsx
@@ -210,7 +210,7 @@ export interface PopoverProps {
 }
 
 const alertStyle = {
-  default: styles.modifiers.default,
+  default: styles.modifiers.custom,
   info: styles.modifiers.info,
   success: styles.modifiers.success,
   warning: styles.modifiers.warning,
diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json
index 64bcd41a3a2..d7b078e584a 100644
--- a/packages/react-docs/package.json
+++ b/packages/react-docs/package.json
@@ -23,7 +23,7 @@
     "test:a11y": "patternfly-a11y --config patternfly-a11y.config"
   },
   "dependencies": {
-    "@patternfly/patternfly": "5.0.0-alpha.33",
+    "@patternfly/patternfly": "5.0.0-alpha.37",
     "@patternfly/react-charts": "^7.0.0-alpha.13",
     "@patternfly/react-code-editor": "^5.0.0-alpha.51",
     "@patternfly/react-core": "^5.0.0-alpha.50",
diff --git a/packages/react-icons/package.json b/packages/react-icons/package.json
index eb7aca481d3..ad6cdf883df 100644
--- a/packages/react-icons/package.json
+++ b/packages/react-icons/package.json
@@ -32,7 +32,7 @@
     "@fortawesome/free-brands-svg-icons": "^5.14.0",
     "@fortawesome/free-regular-svg-icons": "^5.14.0",
     "@fortawesome/free-solid-svg-icons": "^5.14.0",
-    "@patternfly/patternfly": "5.0.0-alpha.33",
+    "@patternfly/patternfly": "5.0.0-alpha.37",
     "fs-extra": "^11.1.0",
     "glob": "^7.1.2",
     "rimraf": "^2.6.2",
diff --git a/packages/react-integration/cypress/integration/notificationdrawerbasic.spec.ts b/packages/react-integration/cypress/integration/notificationdrawerbasic.spec.ts
index 2b9238cba7e..f81f1acb3ee 100644
--- a/packages/react-integration/cypress/integration/notificationdrawerbasic.spec.ts
+++ b/packages/react-integration/cypress/integration/notificationdrawerbasic.spec.ts
@@ -52,7 +52,7 @@ describe('Notification Drawer Basic Demo Test', () => {
       .should('have.class', 'pf-m-success');
     cy.get('.pf-c-notification-drawer__list-item')
       .last()
-      .should('have.class', 'pf-m-default');
+      .should('have.class', 'pf-m-custom');
   });
 
   it('Verify timestamp in list items', () => {
diff --git a/packages/react-integration/demo-app-ts/src/components/demos/MastheadDemo/MastheadDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/MastheadDemo/MastheadDemo.tsx
index 57bd6f83995..b14e7e6a057 100644
--- a/packages/react-integration/demo-app-ts/src/components/demos/MastheadDemo/MastheadDemo.tsx
+++ b/packages/react-integration/demo-app-ts/src/components/demos/MastheadDemo/MastheadDemo.tsx
@@ -9,10 +9,9 @@ import {
   Toolbar,
   ToolbarContent,
   ToolbarGroup,
-  ToolbarItem,
-  ContextSelector,
-  ContextSelectorItem
+  ToolbarItem
 } from '@patternfly/react-core';
+import { ContextSelector, ContextSelectorItem } from '@patternfly/react-core/deprecated';
 import {
   Dropdown as DropdownDeprecated,
   DropdownToggle,
diff --git a/packages/react-styles/package.json b/packages/react-styles/package.json
index 297924bfa80..5b520ece9c9 100644
--- a/packages/react-styles/package.json
+++ b/packages/react-styles/package.json
@@ -19,7 +19,7 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "5.0.0-alpha.33",
+    "@patternfly/patternfly": "5.0.0-alpha.37",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^6.0.1",
diff --git a/packages/react-tokens/package.json b/packages/react-tokens/package.json
index b3b30765c8b..8637d65c0c5 100644
--- a/packages/react-tokens/package.json
+++ b/packages/react-tokens/package.json
@@ -29,7 +29,7 @@
     "clean": "rimraf dist"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "5.0.0-alpha.33",
+    "@patternfly/patternfly": "5.0.0-alpha.37",
     "css": "^2.2.3",
     "fs-extra": "^6.0.1",
     "glob": "^7.1.2",
diff --git a/yarn.lock b/yarn.lock
index 14dc9bdbc5a..13763b2e3b4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3980,10 +3980,10 @@
     puppeteer-cluster "^0.23.0"
     xmldoc "^1.1.2"
 
-"@patternfly/patternfly@5.0.0-alpha.33":
-  version "5.0.0-alpha.33"
-  resolved "https://registry.yarnpkg.com/@patternfly/patternfly/-/patternfly-5.0.0-alpha.33.tgz#3f3a2d6b10fbfb75f1a44e5f4c7e0df9265a4691"
-  integrity sha512-UV+kRiKuBPH0bHKXaKi2QVMqdcQxMVaQxl6TB++4fEeUgDnOsmRq8kG5WPD6fvfVYvs3DEE9oYo7C6922vFPvQ==
+"@patternfly/patternfly@5.0.0-alpha.37":
+  version "5.0.0-alpha.37"
+  resolved "https://registry.yarnpkg.com/@patternfly/patternfly/-/patternfly-5.0.0-alpha.37.tgz#c9fc381b8cb2506a949c4e350f9db1dcaee4530b"
+  integrity sha512-S/EEb+HkLCxBBuBZuCv4dGEjklFDk8S85Un2m6/+SmEKIQWCQmgKXwCRSuLuSeANqt0Fb4prjj80vM4Of/uN0g==
 
 "@phenomnomnominal/tsquery@4.1.1":
   version "4.1.1"