From 9f56fd710209a4d0549f7d648a2a87dd29b97640 Mon Sep 17 00:00:00 2001
From: gitdallas <5322142+gitdallas@users.noreply.github.com>
Date: Sat, 4 Oct 2025 15:05:00 -0500
Subject: [PATCH 1/2] fix(DrawerPanelContent): fix issue with styles overriding

Signed-off-by: gitdallas <5322142+gitdallas@users.noreply.github.com>
---
 .../src/components/Drawer/DrawerPanelContent.tsx          | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/react-core/src/components/Drawer/DrawerPanelContent.tsx b/packages/react-core/src/components/Drawer/DrawerPanelContent.tsx
index 83cac16a3aa..baef80f146d 100644
--- a/packages/react-core/src/components/Drawer/DrawerPanelContent.tsx
+++ b/packages/react-core/src/components/Drawer/DrawerPanelContent.tsx
@@ -77,6 +77,7 @@ export const DrawerPanelContent: React.FunctionComponent<DrawerPanelContentProps
   widths,
   colorVariant = DrawerColorVariant.default,
   focusTrap,
+  style,
   ...props
 }: DrawerPanelContentProps) => {
   const panel = useRef<HTMLDivElement>(undefined);
@@ -381,9 +382,10 @@ export const DrawerPanelContent: React.FunctionComponent<DrawerPanelContentProps
               }
             }}
             hidden={hidden}
-            {...((defaultSize || minSize || maxSize) && {
-              style: boundaryCssVars as React.CSSProperties
-            })}
+            style={{
+              ...((defaultSize || minSize || maxSize) && boundaryCssVars),
+              ...style
+            }}
             {...props}
             ref={panel}
           >

From cbd3d21658a6fb5423bb0ccd9cd22802dc8b9f11 Mon Sep 17 00:00:00 2001
From: gitdallas <5322142+gitdallas@users.noreply.github.com>
Date: Wed, 15 Oct 2025 11:55:18 -0500
Subject: [PATCH 2/2] added tests

Signed-off-by: gitdallas <5322142+gitdallas@users.noreply.github.com>
---
 .../__tests__/DrawerPanelContent.test.tsx     | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/packages/react-core/src/components/Drawer/__tests__/DrawerPanelContent.test.tsx b/packages/react-core/src/components/Drawer/__tests__/DrawerPanelContent.test.tsx
index fd277778bf3..541a5dfe4e3 100644
--- a/packages/react-core/src/components/Drawer/__tests__/DrawerPanelContent.test.tsx
+++ b/packages/react-core/src/components/Drawer/__tests__/DrawerPanelContent.test.tsx
@@ -121,3 +121,40 @@ test('Renders with role="dialog" when focusTrap.enabled is true', () => {
 
   expect(screen.getByRole('dialog')).toBeInTheDocument();
 });
+
+test('Applies style prop as expected', () => {
+  render(
+    <Drawer isExpanded>
+      <DrawerPanelContent style={{ backgroundColor: 'red', padding: '20px' }}>Drawer panel content</DrawerPanelContent>
+    </Drawer>
+  );
+
+  const panelContent = screen.getByText('Drawer panel content');
+  expect(panelContent).toHaveStyle({ backgroundColor: 'red', padding: '20px' });
+});
+
+test('Style prop overrides boundaryCssVars', () => {
+  render(
+    <Drawer isExpanded>
+      <DrawerPanelContent
+        defaultSize="200px"
+        minSize="100px"
+        maxSize="400px"
+        style={{
+          '--pf-v6-c-drawer__panel--md--FlexBasis': '300px',
+          '--pf-v6-c-drawer__panel--md--FlexBasis--min': '150px',
+          '--pf-v6-c-drawer__panel--md--FlexBasis--max': '500px'
+        }}
+      >
+        Drawer panel content
+      </DrawerPanelContent>
+    </Drawer>
+  );
+
+  const panelContent = screen.getByText('Drawer panel content');
+  expect(panelContent).toHaveStyle({
+    '--pf-v6-c-drawer__panel--md--FlexBasis': '300px',
+    '--pf-v6-c-drawer__panel--md--FlexBasis--min': '150px',
+    '--pf-v6-c-drawer__panel--md--FlexBasis--max': '500px'
+  });
+});