diff --git a/packages/react-charts/package.json b/packages/react-charts/package.json
index 1b5e1343d61..0f0533dad11 100644
--- a/packages/react-charts/package.json
+++ b/packages/react-charts/package.json
@@ -42,7 +42,7 @@
     "@patternfly/react-styles": "workspace:^",
     "@patternfly/react-tokens": "workspace:^",
     "hoist-non-react-statics": "^3.3.2",
-    "lodash": "^4.17.23",
+    "lodash": "^4.18.1",
     "tslib": "^2.8.1"
   },
   "devDependencies": {
diff --git a/packages/react-integration/demo-app-ts/package.json b/packages/react-integration/demo-app-ts/package.json
index d03f30abb3a..f47f0eb6b08 100644
--- a/packages/react-integration/demo-app-ts/package.json
+++ b/packages/react-integration/demo-app-ts/package.json
@@ -11,8 +11,8 @@
     "@patternfly/react-core": "workspace:^",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-router": "^7.12.0",
-    "react-router-dom": "^7.12.0"
+    "react-router": "^7.14.1",
+    "react-router-dom": "^7.14.1"
   },
   "devDependencies": {
     "@vitejs/plugin-react-swc": "^3.11.0",
diff --git a/packages/react-integration/demo-app-ts/src/App.tsx b/packages/react-integration/demo-app-ts/src/App.tsx
index a22193c65bb..cc067be8021 100755
--- a/packages/react-integration/demo-app-ts/src/App.tsx
+++ b/packages/react-integration/demo-app-ts/src/App.tsx
@@ -52,9 +52,9 @@ class App extends Component<{}, AppState> {
     const htmlElement = document.getElementsByTagName('html')[0];
     if (htmlElement) {
       if (isDarkTheme) {
-        htmlElement.classList.add('pf-theme-dark');
+        htmlElement.classList.add('pf-v6-theme-dark');
       } else {
-        htmlElement.classList.remove('pf-theme-dark');
+        htmlElement.classList.remove('pf-v6-theme-dark');
       }
     }
   };
@@ -99,7 +99,7 @@ class App extends Component<{}, AppState> {
               id="light-theme"
               aria-label="Light theme"
               label={`Light theme`}
-              name="light-theme"
+              name="theme"
               isChecked={!isDarkTheme}
               onChange={(_event: React.FormEvent<HTMLInputElement>, checked: boolean) =>
                 checked && this.onThemeSelect(false)
@@ -111,7 +111,7 @@ class App extends Component<{}, AppState> {
               id="dark-theme"
               label="Dark theme"
               aria-label="Dark theme"
-              name="dark-theme"
+              name="theme"
               isChecked={isDarkTheme}
               onChange={(_event: React.FormEvent<HTMLInputElement>, checked: boolean) =>
                 checked && this.onThemeSelect(true)
diff --git a/packages/react-integration/demo-app-ts/src/Demos.ts b/packages/react-integration/demo-app-ts/src/Demos.ts
index fa66a655f6f..256d481d017 100644
--- a/packages/react-integration/demo-app-ts/src/Demos.ts
+++ b/packages/react-integration/demo-app-ts/src/Demos.ts
@@ -249,7 +249,7 @@ export const Demos: DemoInterface[] = [
   },
   {
     id: 'modal-deprecated-demo',
-    name: 'Modal Demo',
+    name: 'Modal Deprecated Demo',
     componentType: Examples.ModalDeprecatedDemo
   },
   {
diff --git a/packages/react-integration/demo-app-ts/src/components/demos/ChipDemo/ChipDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/ChipDemo/ChipDemo.tsx
index b8b288e5dd1..624eafec14d 100644
--- a/packages/react-integration/demo-app-ts/src/components/demos/ChipDemo/ChipDemo.tsx
+++ b/packages/react-integration/demo-app-ts/src/components/demos/ChipDemo/ChipDemo.tsx
@@ -5,7 +5,6 @@ export const ChipDemo: React.FunctionComponent = () => (
     <Chip tooltipPosition="bottom" id="longName-chip">
       Chip with a really, really, REALLY long text
     </Chip>
-    ;
   </>
 );
 ChipDemo.displayName = 'ChipDemo';
diff --git a/packages/react-integration/demo-app-ts/src/components/demos/ClipboardCopyDemo/ClipboardCopyDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/ClipboardCopyDemo/ClipboardCopyDemo.tsx
index e638970bbd3..9dea694561e 100644
--- a/packages/react-integration/demo-app-ts/src/components/demos/ClipboardCopyDemo/ClipboardCopyDemo.tsx
+++ b/packages/react-integration/demo-app-ts/src/components/demos/ClipboardCopyDemo/ClipboardCopyDemo.tsx
@@ -21,7 +21,7 @@ export class ClipboardCopyDemo extends Component {
             isBlock
             additionalActions={
               <ClipboardCopyAction>
-                <Button variant="plain" aria-label="Run in web terminal" icon={<RhUiPlayFillIcon />} />
+                <Button variant="plain" hasNoPadding aria-label="Run in web terminal" icon={<RhUiPlayFillIcon />} />
               </ClipboardCopyAction>
             }
           >
diff --git a/packages/react-integration/demo-app-ts/src/components/demos/DrawerDemo/DrawerResizeDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/DrawerDemo/DrawerResizeDemo.tsx
index 4ed02138d99..e348c0f7827 100644
--- a/packages/react-integration/demo-app-ts/src/components/demos/DrawerDemo/DrawerResizeDemo.tsx
+++ b/packages/react-integration/demo-app-ts/src/components/demos/DrawerDemo/DrawerResizeDemo.tsx
@@ -78,7 +78,7 @@ export class DrawerResizeDemo extends Component<DrawerProps, DrawerResizeDemoSta
         <Button id="toggleButton" onClick={this.onClick}>
           Toggle Drawer
         </Button>
-        <Drawer isExpanded={isExpanded} onExpand={this.onExpand} position="bottom">
+        <Drawer isExpanded={isExpanded} onExpand={this.onExpand} position="bottom" style={{ height: '300px' }}>
           <DrawerSection>drawer-section</DrawerSection>
           <DrawerContent panelContent={panelContent}>
             <DrawerContentBody>{drawerContent}</DrawerContentBody>
diff --git a/packages/react-integration/demo-app-ts/src/components/demos/MenuDemo/MenuDrilldownDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/MenuDemo/MenuDrilldownDemo.tsx
index d3d0de2d154..7d091b129d4 100644
--- a/packages/react-integration/demo-app-ts/src/components/demos/MenuDemo/MenuDrilldownDemo.tsx
+++ b/packages/react-integration/demo-app-ts/src/components/demos/MenuDemo/MenuDrilldownDemo.tsx
@@ -48,7 +48,7 @@ export class MenuDrilldownDemo extends Component {
   };
   setHeight = (menuId: string, height: number) => {
     if (
-      !this.state.menuHeights[menuId] ||
+      this.state.menuHeights[menuId] === undefined ||
       (menuId !== 'drilldown-rootMenu' && this.state.menuHeights[menuId] !== height)
     ) {
       this.setState({
diff --git a/packages/react-integration/demo-app-ts/src/components/demos/NavDemo/NavDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/NavDemo/NavDemo.tsx
index f4e0d7e0143..31eb2b13488 100644
--- a/packages/react-integration/demo-app-ts/src/components/demos/NavDemo/NavDemo.tsx
+++ b/packages/react-integration/demo-app-ts/src/components/demos/NavDemo/NavDemo.tsx
@@ -65,7 +65,7 @@ export class NavDemo extends Component {
         <Title headingLevel="h2" size="2xl">
           Default Nav
         </Title>
-        <div className="example" style={{ backgroundColor: '#212427', border: '1px solid rgb(114, 118, 123)' }}>
+        <div className="example">
           <Nav onSelect={this.onDefaultSelect} id="nav-primary-default">
             <NavList>
               <NavItem id="default-link1" to="#default-link1" itemId={0} isActive={defaultActiveItem === 0}>
@@ -130,7 +130,7 @@ export class NavDemo extends Component {
         <Title headingLevel="h2" size="2xl">
           Expandable Nav
         </Title>
-        <div className="example" style={{ backgroundColor: '#212427', border: '1px solid rgb(114, 118, 123)' }}>
+        <div className="example">
           <Nav onSelect={this.onExpandableSelect} id="nav-primary-expandable">
             <NavList>
               <NavExpandable
@@ -253,7 +253,7 @@ export class NavDemo extends Component {
         <Title headingLevel="h2" size="2xl">
           Horizontal Nav
         </Title>
-        <div style={{ backgroundColor: '#292e34', padding: '1rem' }}>
+        <div>
           <Nav onSelect={this.onHorizontalSelect} id="nav-primary-horizontal" variant="horizontal">
             <NavList>
               <NavItem id="horizontal-link1" preventDefault itemId={0} isActive={horizontalActiveItem === 0}>
@@ -279,7 +279,7 @@ export class NavDemo extends Component {
         <Title headingLevel="h2" size="2xl">
           Horizontal Nav
         </Title>
-        <div style={{ backgroundColor: '#292e34', padding: '1rem' }}>
+        <div>
           <Nav onSelect={this.onHorizontalSelect} id="subnav-horizontal" variant="horizontal-subnav">
             <NavList>
               <NavItem id="horizontal-link1" preventDefault itemId={0} isActive={horizontalActiveItem === 0}>
@@ -329,9 +329,6 @@ export class NavDemo extends Component {
         <div
           id="flyout-nav"
           style={{
-            backgroundColor: '#212427',
-            border: '1px solid rgb(114, 118, 123)',
-            padding: '1rem',
             width: '300px'
           }}
         >
diff --git a/yarn.lock b/yarn.lock
index adb68e04a37..df2b1a4e275 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5087,7 +5087,7 @@ __metadata:
     fs-extra: "npm:^11.3.3"
     hoist-non-react-statics: "npm:^3.3.2"
     jest-canvas-mock: "npm:^2.5.2"
-    lodash: "npm:^4.17.23"
+    lodash: "npm:^4.18.1"
     tslib: "npm:^2.8.1"
   peerDependencies:
     echarts: ^5.6.0 || ^6.0.0
@@ -10811,8 +10811,8 @@ __metadata:
     "@vitejs/plugin-react-swc": "npm:^3.11.0"
     react: "npm:^18.3.1"
     react-dom: "npm:^18.3.1"
-    react-router: "npm:^7.12.0"
-    react-router-dom: "npm:^7.12.0"
+    react-router: "npm:^7.14.1"
+    react-router-dom: "npm:^7.14.1"
     vite: "npm:^6.2.2"
   languageName: unknown
   linkType: soft
@@ -16702,13 +16702,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash@npm:^4.17.23":
-  version: 4.17.23
-  resolution: "lodash@npm:4.17.23"
-  checksum: 10c0/1264a90469f5bb95d4739c43eb6277d15b6d9e186df4ac68c3620443160fc669e2f14c11e7d8b2ccf078b81d06147c01a8ccced9aab9f9f63d50dcf8cace6bf6
-  languageName: node
-  linkType: hard
-
 "lodash@npm:^4.18.1":
   version: 4.18.1
   resolution: "lodash@npm:4.18.1"
@@ -19941,21 +19934,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-router-dom@npm:^7.12.0":
-  version: 7.13.0
-  resolution: "react-router-dom@npm:7.13.0"
+"react-router-dom@npm:^7.14.1":
+  version: 7.18.5
+  resolution: "react-router-dom@npm:7.18.5"
   dependencies:
-    react-router: "npm:7.13.0"
+    react-router: "npm:7.18.5"
   peerDependencies:
     react: ">=18"
     react-dom: ">=18"
-  checksum: 10c0/759bd5e7fe7b5baba50a0264724188707682d217cad8eac702a55e0b1abebf295be014dd3bfaff8e3c2def9dfaa23e6ded3f908feab84df766e9b82cc3774e98
+  checksum: 10c0/9e19ccb3fa061d86ad90eb906657cab6b2e4313b4eb02882f7515493c3d61c978a383ee0954854f2a9238ac013bdd03c526a5de14819c8ecaae62b5280774030
   languageName: node
   linkType: hard
 
-"react-router@npm:7.13.0, react-router@npm:^7.12.0":
-  version: 7.13.0
-  resolution: "react-router@npm:7.13.0"
+"react-router@npm:7.18.5, react-router@npm:^7.14.1":
+  version: 7.18.5
+  resolution: "react-router@npm:7.18.5"
   dependencies:
     cookie: "npm:^1.0.1"
     set-cookie-parser: "npm:^2.6.0"
@@ -19965,7 +19958,7 @@ __metadata:
   peerDependenciesMeta:
     react-dom:
       optional: true
-  checksum: 10c0/397cb009bc83d071269c8f9323bbfe1f856721fde75e39b29fe0ddfe7564ebdc3b8bbb85768321cae92ec28b406e8fac7eab7e232d0738b3b1c092e2764e4307
+  checksum: 10c0/dbed9b4d0019873615028e2fe7bf7782ab4f41d9f287595b9a82f4a6d619dc5d3b88449fb3e717282f9f558312f29f88325372a7bb67355472703291607f9280
   languageName: node
   linkType: hard