diff --git a/packages/react-core/src/components/Drawer/Drawer.tsx b/packages/react-core/src/components/Drawer/Drawer.tsx
index 0d11c7271c1..09bd902d826 100644
--- a/packages/react-core/src/components/Drawer/Drawer.tsx
+++ b/packages/react-core/src/components/Drawer/Drawer.tsx
@@ -1,4 +1,4 @@
-import { createContext, useRef } from 'react';
+import { createContext, forwardRef, useImperativeHandle, useRef } from 'react';
 import styles from '@patternfly/react-styles/css/components/Drawer/drawer';
 import { css } from '@patternfly/react-styles';
 import { useOUIAProps, OUIAProps } from '../../helpers';
@@ -31,6 +31,8 @@ export interface DrawerProps extends React.HTMLProps<HTMLDivElement>, OUIAProps
   position?: 'start' | 'end' | 'bottom' | 'left' | 'right';
   /** Callback when drawer panel is expanded after waiting 250ms for animation to complete. */
   onExpand?: (event: KeyboardEvent | React.MouseEvent | React.TransitionEvent) => void;
+  /** @hide Forwarded ref */
+  innerRef?: React.Ref<HTMLDivElement>;
   /** Value to overwrite the randomly generated data-ouia-component-id.*/
   ouiaId?: number | string;
   /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
@@ -59,7 +61,7 @@ export const DrawerContext = createContext<Partial<DrawerContextProps>>({
   isViewport: false
 });
 
-export const Drawer: React.FunctionComponent<DrawerProps> = ({
+const DrawerBase: React.FunctionComponent<DrawerProps> = ({
   className = '',
   children,
   isExpanded = false,
@@ -69,6 +71,7 @@ export const Drawer: React.FunctionComponent<DrawerProps> = ({
   isStatic = false,
   position = 'end',
   onExpand = () => {},
+  innerRef,
   ouiaId,
   ouiaSafe = true,
   ...props
@@ -76,6 +79,7 @@ export const Drawer: React.FunctionComponent<DrawerProps> = ({
   const ouiaProps = useOUIAProps(Drawer.displayName, ouiaId, ouiaSafe);
   const drawerRef = useRef<HTMLDivElement>(undefined);
   const drawerContentRef = useRef<HTMLDivElement>(undefined);
+  useImperativeHandle(innerRef, () => drawerRef.current);
 
   return (
     <DrawerContext.Provider
@@ -102,4 +106,7 @@ export const Drawer: React.FunctionComponent<DrawerProps> = ({
     </DrawerContext.Provider>
   );
 };
+export const Drawer = forwardRef((props: DrawerProps, ref: React.Ref<HTMLDivElement>) => (
+  <DrawerBase innerRef={ref} {...props} />
+));
 Drawer.displayName = 'Drawer';
diff --git a/packages/react-core/src/components/Drawer/DrawerActions.tsx b/packages/react-core/src/components/Drawer/DrawerActions.tsx
index 97d4367861c..94b168eb76e 100644
--- a/packages/react-core/src/components/Drawer/DrawerActions.tsx
+++ b/packages/react-core/src/components/Drawer/DrawerActions.tsx
@@ -1,3 +1,4 @@
+import { forwardRef } from 'react';
 import styles from '@patternfly/react-styles/css/components/Drawer/drawer';
 import { css } from '@patternfly/react-styles';
 
@@ -6,15 +7,21 @@ export interface DrawerActionsProps extends React.HTMLProps<HTMLDivElement> {
   className?: string;
   /** Actions to be rendered in the panel head. */
   children?: React.ReactNode;
+  /** @hide Forwarded ref */
+  innerRef?: React.Ref<HTMLDivElement>;
 }
 
-export const DrawerActions: React.FunctionComponent<DrawerActionsProps> = ({
+const DrawerActionsBase: React.FunctionComponent<DrawerActionsProps> = ({
   className = '',
   children,
+  innerRef,
   ...props
 }: DrawerActionsProps) => (
-  <div className={css(styles.drawerActions, className)} {...props}>
+  <div className={css(styles.drawerActions, className)} ref={innerRef} {...props}>
     {children}
   </div>
 );
+export const DrawerActions = forwardRef((props: DrawerActionsProps, ref: React.Ref<HTMLDivElement>) => (
+  <DrawerActionsBase innerRef={ref} {...props} />
+));
 DrawerActions.displayName = 'DrawerActions';
diff --git a/packages/react-core/src/components/Drawer/DrawerCloseButton.tsx b/packages/react-core/src/components/Drawer/DrawerCloseButton.tsx
index 73eb1ec5ee1..f531f071187 100644
--- a/packages/react-core/src/components/Drawer/DrawerCloseButton.tsx
+++ b/packages/react-core/src/components/Drawer/DrawerCloseButton.tsx
@@ -1,3 +1,4 @@
+import { forwardRef } from 'react';
 import styles from '@patternfly/react-styles/css/components/Drawer/drawer';
 import { css } from '@patternfly/react-styles';
 import { Button, ButtonProps } from '../Button';
@@ -10,22 +11,25 @@ export interface DrawerCloseButtonProps extends React.HTMLProps<HTMLDivElement>
   onClose?: () => void;
   /** Accessible label for the drawer close button */
   'aria-label'?: string;
+  /** @hide Forwarded ref */
+  innerRef?: React.Ref<HTMLDivElement>;
   /** Additional properties spread to the close button */
   buttonProps?: Omit<ButtonProps, 'onClick'>;
 }
 
-export const DrawerCloseButton: React.FunctionComponent<DrawerCloseButtonProps> = ({
+const DrawerCloseButtonBase: React.FunctionComponent<DrawerCloseButtonProps> = ({
   className = '',
   onClose = () => undefined as any,
   'aria-label': ariaLabel = 'Close drawer panel',
   buttonProps,
+  innerRef,
   ...props
 }: DrawerCloseButtonProps) => {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const { onClick: _onClick, ...restButtonProps } = (buttonProps ?? {}) as ButtonProps;
 
   return (
-    <div className={css(styles.drawerClose, className)} {...props}>
+    <div className={css(styles.drawerClose, className)} ref={innerRef} {...props}>
       <Button
         variant="plain"
         onClick={onClose}
@@ -36,4 +40,7 @@ export const DrawerCloseButton: React.FunctionComponent<DrawerCloseButtonProps>
     </div>
   );
 };
+export const DrawerCloseButton = forwardRef((props: DrawerCloseButtonProps, ref: React.Ref<HTMLDivElement>) => (
+  <DrawerCloseButtonBase innerRef={ref} {...props} />
+));
 DrawerCloseButton.displayName = 'DrawerCloseButton';
diff --git a/packages/react-core/src/components/Drawer/DrawerContent.tsx b/packages/react-core/src/components/Drawer/DrawerContent.tsx
index 50ddc5d488e..7cc2cf05ac8 100644
--- a/packages/react-core/src/components/Drawer/DrawerContent.tsx
+++ b/packages/react-core/src/components/Drawer/DrawerContent.tsx
@@ -1,4 +1,4 @@
-import { useContext } from 'react';
+import { forwardRef, useContext, useImperativeHandle } from 'react';
 import styles from '@patternfly/react-styles/css/components/Drawer/drawer';
 import { css } from '@patternfly/react-styles';
 import { DrawerMain } from './DrawerMain';
@@ -19,16 +19,20 @@ export interface DrawerContentProps extends React.HTMLProps<HTMLDivElement> {
   panelContent: React.ReactNode;
   /** Color variant of the background of the drawer panel */
   colorVariant?: DrawerContentColorVariant | 'default' | 'primary' | 'secondary';
+  /** @hide Forwarded ref */
+  innerRef?: React.Ref<HTMLDivElement>;
 }
 
-export const DrawerContent: React.FunctionComponent<DrawerContentProps> = ({
+const DrawerContentBase: React.FunctionComponent<DrawerContentProps> = ({
   className,
   children,
   panelContent,
   colorVariant = DrawerContentColorVariant.default,
+  innerRef,
   ...props
 }: DrawerContentProps) => {
   const { drawerContentRef } = useContext(DrawerContext);
+  useImperativeHandle(innerRef, () => drawerContentRef.current);
 
   return (
     <DrawerMain>
@@ -48,4 +52,7 @@ export const DrawerContent: React.FunctionComponent<DrawerContentProps> = ({
     </DrawerMain>
   );
 };
+export const DrawerContent = forwardRef((props: DrawerContentProps, ref: React.Ref<HTMLDivElement>) => (
+  <DrawerContentBase innerRef={ref} {...props} />
+));
 DrawerContent.displayName = 'DrawerContent';
diff --git a/packages/react-core/src/components/Drawer/DrawerContentBody.tsx b/packages/react-core/src/components/Drawer/DrawerContentBody.tsx
index a522457b4a2..c0a94354ce7 100644
--- a/packages/react-core/src/components/Drawer/DrawerContentBody.tsx
+++ b/packages/react-core/src/components/Drawer/DrawerContentBody.tsx
@@ -1,3 +1,4 @@
+import { forwardRef } from 'react';
 import styles from '@patternfly/react-styles/css/components/Drawer/drawer';
 import { css } from '@patternfly/react-styles';
 
@@ -8,16 +9,22 @@ export interface DrawerContentBodyProps extends React.HTMLProps<HTMLDivElement>
   children?: React.ReactNode;
   /** Indicates if there should be padding around the drawer content body */
   hasPadding?: boolean;
+  /** @hide Forwarded ref */
+  innerRef?: React.Ref<HTMLDivElement>;
 }
 
-export const DrawerContentBody: React.FunctionComponent<DrawerContentBodyProps> = ({
+const DrawerContentBodyBase: React.FunctionComponent<DrawerContentBodyProps> = ({
   className = '',
   children,
   hasPadding = false,
+  innerRef,
   ...props
 }: DrawerContentBodyProps) => (
-  <div className={css(styles.drawerBody, hasPadding && styles.modifiers.padding, className)} {...props}>
+  <div className={css(styles.drawerBody, hasPadding && styles.modifiers.padding, className)} ref={innerRef} {...props}>
     {children}
   </div>
 );
+export const DrawerContentBody = forwardRef((props: DrawerContentBodyProps, ref: React.Ref<HTMLDivElement>) => (
+  <DrawerContentBodyBase innerRef={ref} {...props} />
+));
 DrawerContentBody.displayName = 'DrawerContentBody';
diff --git a/packages/react-core/src/components/Drawer/DrawerHead.tsx b/packages/react-core/src/components/Drawer/DrawerHead.tsx
index 703531699ea..33719be34a5 100644
--- a/packages/react-core/src/components/Drawer/DrawerHead.tsx
+++ b/packages/react-core/src/components/Drawer/DrawerHead.tsx
@@ -1,3 +1,4 @@
+import { forwardRef } from 'react';
 import styles from '@patternfly/react-styles/css/components/Drawer/drawer';
 import { css } from '@patternfly/react-styles';
 
@@ -6,15 +7,21 @@ export interface DrawerHeadProps extends React.HTMLProps<HTMLDivElement> {
   className?: string;
   /** Content to be rendered in the drawer head */
   children?: React.ReactNode;
+  /** @hide Forwarded ref */
+  innerRef?: React.Ref<HTMLDivElement>;
 }
 
-export const DrawerHead: React.FunctionComponent<DrawerHeadProps> = ({
+const DrawerHeadBase: React.FunctionComponent<DrawerHeadProps> = ({
   className = '',
   children,
+  innerRef,
   ...props
 }: DrawerHeadProps) => (
-  <div className={css(styles.drawerHead, className)} {...props}>
+  <div className={css(styles.drawerHead, className)} ref={innerRef} {...props}>
     {children}
   </div>
 );
+export const DrawerHead = forwardRef((props: DrawerHeadProps, ref: React.Ref<HTMLDivElement>) => (
+  <DrawerHeadBase innerRef={ref} {...props} />
+));
 DrawerHead.displayName = 'DrawerHead';
diff --git a/packages/react-core/src/components/Drawer/DrawerMain.tsx b/packages/react-core/src/components/Drawer/DrawerMain.tsx
index 1cda6baddab..38760f34e45 100644
--- a/packages/react-core/src/components/Drawer/DrawerMain.tsx
+++ b/packages/react-core/src/components/Drawer/DrawerMain.tsx
@@ -1,3 +1,4 @@
+import { forwardRef } from 'react';
 import styles from '@patternfly/react-styles/css/components/Drawer/drawer';
 import { css } from '@patternfly/react-styles';
 
@@ -6,15 +7,21 @@ export interface DrawerMainProps extends React.HTMLProps<HTMLDivElement> {
   className?: string;
   /** Content to be rendered in the drawer main wrapper*/
   children?: React.ReactNode;
+  /** @hide Forwarded ref */
+  innerRef?: React.Ref<HTMLDivElement>;
 }
 
-export const DrawerMain: React.FunctionComponent<DrawerMainProps> = ({
+const DrawerMainBase: React.FunctionComponent<DrawerMainProps> = ({
   className = '',
   children,
+  innerRef,
   ...props
 }: DrawerMainProps) => (
-  <div className={css(styles.drawerMain, className)} {...props}>
+  <div className={css(styles.drawerMain, className)} ref={innerRef} {...props}>
     {children}
   </div>
 );
+export const DrawerMain = forwardRef((props: DrawerMainProps, ref: React.Ref<HTMLDivElement>) => (
+  <DrawerMainBase innerRef={ref} {...props} />
+));
 DrawerMain.displayName = 'DrawerMain';
diff --git a/packages/react-core/src/components/Drawer/DrawerPanelBody.tsx b/packages/react-core/src/components/Drawer/DrawerPanelBody.tsx
index 9b6ca99e73e..ee4dc201eca 100644
--- a/packages/react-core/src/components/Drawer/DrawerPanelBody.tsx
+++ b/packages/react-core/src/components/Drawer/DrawerPanelBody.tsx
@@ -1,3 +1,4 @@
+import { forwardRef } from 'react';
 import styles from '@patternfly/react-styles/css/components/Drawer/drawer';
 import { css } from '@patternfly/react-styles';
 
@@ -8,16 +9,26 @@ export interface DrawerPanelBodyProps extends React.HTMLProps<HTMLDivElement> {
   children?: React.ReactNode;
   /** Indicates if there should be no padding around the drawer panel body */
   hasNoPadding?: boolean;
+  /** @hide Forwarded ref */
+  innerRef?: React.Ref<HTMLDivElement>;
 }
 
-export const DrawerPanelBody: React.FunctionComponent<DrawerPanelBodyProps> = ({
+const DrawerPanelBodyBase: React.FunctionComponent<DrawerPanelBodyProps> = ({
   className = '',
   children,
   hasNoPadding = false,
+  innerRef,
   ...props
 }: DrawerPanelBodyProps) => (
-  <div className={css(styles.drawerBody, hasNoPadding && styles.modifiers.noPadding, className)} {...props}>
+  <div
+    className={css(styles.drawerBody, hasNoPadding && styles.modifiers.noPadding, className)}
+    ref={innerRef}
+    {...props}
+  >
     {children}
   </div>
 );
+export const DrawerPanelBody = forwardRef((props: DrawerPanelBodyProps, ref: React.Ref<HTMLDivElement>) => (
+  <DrawerPanelBodyBase innerRef={ref} {...props} />
+));
 DrawerPanelBody.displayName = 'DrawerPanelBody';
diff --git a/packages/react-core/src/components/Drawer/DrawerPanelContent.tsx b/packages/react-core/src/components/Drawer/DrawerPanelContent.tsx
index 14b8c4eb056..99a976ea269 100644
--- a/packages/react-core/src/components/Drawer/DrawerPanelContent.tsx
+++ b/packages/react-core/src/components/Drawer/DrawerPanelContent.tsx
@@ -1,4 +1,4 @@
-import { Fragment, useCallback, useContext, useEffect, useRef, useState } from 'react';
+import { forwardRef, Fragment, useCallback, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import styles from '@patternfly/react-styles/css/components/Drawer/drawer';
 import { css } from '@patternfly/react-styles';
 import { DrawerColorVariant, DrawerContext } from './Drawer';
@@ -70,11 +70,13 @@ export interface DrawerPanelContentProps extends Omit<React.HTMLProps<HTMLDivEle
   colorVariant?: DrawerColorVariant | 'no-background' | 'default' | 'secondary';
   /** Adds and customizes a focus trap on the drawer panel content. */
   focusTrap?: DrawerPanelFocusTrapObject;
+  /** @hide Forwarded ref */
+  innerRef?: React.Ref<HTMLDivElement>;
 }
 let isResizing: boolean = null;
 let newSize: number = 0;
 
-export const DrawerPanelContent: React.FunctionComponent<DrawerPanelContentProps> = ({
+const DrawerPanelContentBase: React.FunctionComponent<DrawerPanelContentProps> = ({
   className,
   id,
   children,
@@ -94,11 +96,13 @@ export const DrawerPanelContent: React.FunctionComponent<DrawerPanelContentProps
   colorVariant = DrawerColorVariant.default,
   focusTrap,
   style,
+  innerRef,
   ...props
 }: DrawerPanelContentProps) => {
   const panelId = useSSRSafeId('pf-drawer-panel-');
   const panel = useRef<HTMLDivElement>(undefined);
   const splitterRef = useRef<HTMLDivElement>(undefined);
+  useImperativeHandle(innerRef, () => panel.current);
   const [separatorValue, setSeparatorValue] = useState(0);
   const { position, isExpanded, isStatic, onExpand, drawerRef, drawerContentRef, isInline, isViewport } =
     useContext(DrawerContext);
@@ -443,4 +447,7 @@ export const DrawerPanelContent: React.FunctionComponent<DrawerPanelContentProps
     </Component>
   );
 };
+export const DrawerPanelContent = forwardRef((props: DrawerPanelContentProps, ref: React.Ref<HTMLDivElement>) => (
+  <DrawerPanelContentBase innerRef={ref} {...props} />
+));
 DrawerPanelContent.displayName = 'DrawerPanelContent';
diff --git a/packages/react-core/src/components/Drawer/DrawerPanelDescription.tsx b/packages/react-core/src/components/Drawer/DrawerPanelDescription.tsx
index 7d044777f8d..1fbca07f970 100644
--- a/packages/react-core/src/components/Drawer/DrawerPanelDescription.tsx
+++ b/packages/react-core/src/components/Drawer/DrawerPanelDescription.tsx
@@ -1,3 +1,4 @@
+import { forwardRef } from 'react';
 import styles from '@patternfly/react-styles/css/components/Drawer/drawer';
 import { css } from '@patternfly/react-styles';
 
@@ -8,15 +9,23 @@ export interface DrawerPanelDescriptionProps extends React.HTMLProps<HTMLDivElem
   className?: string;
   /** Content to be rendered in the drawer description */
   children: React.ReactNode;
+  /** @hide Forwarded ref */
+  innerRef?: React.Ref<HTMLDivElement>;
 }
 
-export const DrawerPanelDescription: React.FunctionComponent<DrawerPanelDescriptionProps> = ({
+const DrawerPanelDescriptionBase: React.FunctionComponent<DrawerPanelDescriptionProps> = ({
   className,
   children,
+  innerRef,
   ...props
 }: DrawerPanelDescriptionProps) => (
-  <div className={css(styles.drawerDescription, className)} {...props}>
+  <div className={css(styles.drawerDescription, className)} ref={innerRef} {...props}>
     {children}
   </div>
 );
+export const DrawerPanelDescription = forwardRef(
+  (props: DrawerPanelDescriptionProps, ref: React.Ref<HTMLDivElement>) => (
+    <DrawerPanelDescriptionBase innerRef={ref} {...props} />
+  )
+);
 DrawerPanelDescription.displayName = 'DrawerPanelDescription';
diff --git a/packages/react-core/src/components/Drawer/DrawerSection.tsx b/packages/react-core/src/components/Drawer/DrawerSection.tsx
index 941fa3fa862..fd39e5c0d66 100644
--- a/packages/react-core/src/components/Drawer/DrawerSection.tsx
+++ b/packages/react-core/src/components/Drawer/DrawerSection.tsx
@@ -1,3 +1,4 @@
+import { forwardRef } from 'react';
 import styles from '@patternfly/react-styles/css/components/Drawer/drawer';
 import { css } from '@patternfly/react-styles';
 import { DrawerColorVariant } from './Drawer';
@@ -12,14 +13,17 @@ export interface DrawerSectionProps extends React.HTMLProps<HTMLDivElement> {
    * The `no-background` value is deprecated; use the `isPlain` prop instead.
    */
   colorVariant?: DrawerColorVariant | 'no-background' | 'default' | 'secondary';
+  /** @hide Forwarded ref */
+  innerRef?: React.Ref<HTMLDivElement>;
   /** @beta Flag indicating that the drawer section should use plain styles. */
   isPlain?: boolean;
 }
 
-export const DrawerSection: React.FunctionComponent<DrawerSectionProps> = ({
+const DrawerSectionBase: React.FunctionComponent<DrawerSectionProps> = ({
   className = '',
   children,
   colorVariant = DrawerColorVariant.default,
+  innerRef,
   isPlain = false,
   ...props
 }: DrawerSectionProps) => (
@@ -31,9 +35,13 @@ export const DrawerSection: React.FunctionComponent<DrawerSectionProps> = ({
       colorVariant === DrawerColorVariant.secondary && styles.modifiers.secondary,
       className
     )}
+    ref={innerRef}
     {...props}
   >
     {children}
   </div>
 );
+export const DrawerSection = forwardRef((props: DrawerSectionProps, ref: React.Ref<HTMLDivElement>) => (
+  <DrawerSectionBase innerRef={ref} {...props} />
+));
 DrawerSection.displayName = 'DrawerSection';
diff --git a/packages/react-core/src/components/Drawer/__tests__/Drawer.test.tsx b/packages/react-core/src/components/Drawer/__tests__/Drawer.test.tsx
index 60c9c5977c8..283b81c362f 100644
--- a/packages/react-core/src/components/Drawer/__tests__/Drawer.test.tsx
+++ b/packages/react-core/src/components/Drawer/__tests__/Drawer.test.tsx
@@ -1,4 +1,4 @@
-import { createContext } from 'react';
+import { createContext, createRef } from 'react';
 import {
   Drawer,
   DrawerActions,
@@ -8,8 +8,11 @@ import {
   DrawerHead,
   DrawerPanelBody,
   DrawerPanelContent,
+  DrawerPanelDescription,
+  DrawerSection,
   DrawerColorVariant
 } from '../';
+import { DrawerMain } from '../DrawerMain';
 import { screen, render } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { KeyTypes } from '../../../helpers';
@@ -188,6 +191,64 @@ test(`Renders with ${styles.modifiers.pill} class when specified`, () => {
   expect(screen.getByTestId('drawer')).toHaveClass(styles.modifiers.pill);
 });
 
+test('Drawer and its sub-components forward refs to their underlying div elements', () => {
+  const drawerRef = createRef<HTMLDivElement>();
+  const sectionRef = createRef<HTMLDivElement>();
+  const contentRef = createRef<HTMLDivElement>();
+  const contentBodyRef = createRef<HTMLDivElement>();
+  const panelContentRef = createRef<HTMLDivElement>();
+  const headRef = createRef<HTMLDivElement>();
+  const actionsRef = createRef<HTMLDivElement>();
+  const closeButtonRef = createRef<HTMLDivElement>();
+  const panelDescriptionRef = createRef<HTMLDivElement>();
+  const panelBodyRef = createRef<HTMLDivElement>();
+  const mainRef = createRef<HTMLDivElement>();
+
+  const panelContent = (
+    <DrawerPanelContent ref={panelContentRef} data-testid="panel-content">
+      <DrawerHead ref={headRef} data-testid="head">
+        <DrawerActions ref={actionsRef} data-testid="actions">
+          <DrawerCloseButton ref={closeButtonRef} data-testid="close-button" />
+        </DrawerActions>
+      </DrawerHead>
+      <DrawerPanelDescription ref={panelDescriptionRef} data-testid="panel-description">
+        Description
+      </DrawerPanelDescription>
+      <DrawerPanelBody ref={panelBodyRef} data-testid="panel-body">
+        Panel body
+      </DrawerPanelBody>
+    </DrawerPanelContent>
+  );
+
+  render(
+    <>
+      <Drawer ref={drawerRef} isExpanded data-testid="drawer">
+        <DrawerSection ref={sectionRef} data-testid="section">
+          Section
+        </DrawerSection>
+        <DrawerContent ref={contentRef} panelContent={panelContent} data-testid="content">
+          <DrawerContentBody ref={contentBodyRef} data-testid="content-body">
+            Content body
+          </DrawerContentBody>
+        </DrawerContent>
+      </Drawer>
+      <DrawerMain ref={mainRef} data-testid="main" />
+    </>
+  );
+
+  expect(drawerRef.current).toBe(screen.getByTestId('drawer'));
+  expect(sectionRef.current).toBe(screen.getByTestId('section'));
+  expect(contentRef.current).toBe(screen.getByTestId('content'));
+  expect(contentBodyRef.current).toBe(screen.getByTestId('content-body'));
+  expect(panelContentRef.current).toBe(screen.getByTestId('panel-content'));
+  expect(headRef.current).toBe(screen.getByTestId('head'));
+  expect(actionsRef.current).toBe(screen.getByTestId('actions'));
+  expect(closeButtonRef.current).toBe(screen.getByTestId('close-button'));
+  expect(panelDescriptionRef.current).toBe(screen.getByTestId('panel-description'));
+  expect(panelBodyRef.current).toBe(screen.getByTestId('panel-body'));
+  expect(mainRef.current).toBe(screen.getByTestId('main'));
+});
+
 test('Renders with custom ouiaId', () => {
   render(
     <Drawer data-testid="drawer" ouiaId="test-id">
diff --git a/packages/react-core/src/components/Label/Label.tsx b/packages/react-core/src/components/Label/Label.tsx
index 295f8794fd0..31337688f91 100644
--- a/packages/react-core/src/components/Label/Label.tsx
+++ b/packages/react-core/src/components/Label/Label.tsx
@@ -1,4 +1,4 @@
-import { createRef, Fragment, useEffect, useRef, useState } from 'react';
+import { createRef, forwardRef, Fragment, useEffect, useRef, useState } from 'react';
 import styles from '@patternfly/react-styles/css/components/Label/label';
 import labelGrpStyles from '@patternfly/react-styles/css/components/Label/label-group';
 import { Button } from '../Button';
@@ -102,6 +102,8 @@ export interface LabelProps extends React.HTMLProps<HTMLSpanElement> {
     content: React.ReactNode;
     componentRef: any;
   }) => React.ReactNode;
+  /** @hide Forwarded ref */
+  innerRef?: React.Ref<any>;
 }
 
 const colorStyles: Record<LabelColor, string> = {
@@ -124,7 +126,7 @@ const statusIcons: Record<LabelStatus, React.ReactNode> = {
   [LabelStatus.custom]: <RhUiNotificationFillIcon />
 };
 
-export const Label: React.FunctionComponent<LabelProps> = ({
+const LabelBase: React.FunctionComponent<LabelProps> = ({
   children,
   className = '',
   color = LabelColor.grey,
@@ -147,6 +149,7 @@ export const Label: React.FunctionComponent<LabelProps> = ({
   closeBtnProps,
   href,
   render,
+  innerRef,
   ...props
 }: LabelProps) => {
   const [isEditableActive, setIsEditableActive] = useState<boolean>(false);
@@ -364,6 +367,7 @@ export const Label: React.FunctionComponent<LabelProps> = ({
   return (
     <LabelComponent
       {...props}
+      ref={innerRef}
       className={css(
         styles.label,
         isClickableDisabled && styles.modifiers.disabled,
@@ -398,4 +402,5 @@ export const Label: React.FunctionComponent<LabelProps> = ({
     </LabelComponent>
   );
 };
+export const Label = forwardRef((props: LabelProps, ref: React.Ref<any>) => <LabelBase innerRef={ref} {...props} />);
 Label.displayName = 'Label';
diff --git a/packages/react-core/src/components/Label/__tests__/Label.test.tsx b/packages/react-core/src/components/Label/__tests__/Label.test.tsx
index fa587679fac..1cea48e6169 100644
--- a/packages/react-core/src/components/Label/__tests__/Label.test.tsx
+++ b/packages/react-core/src/components/Label/__tests__/Label.test.tsx
@@ -1,3 +1,4 @@
+import { createRef } from 'react';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
@@ -276,4 +277,26 @@ describe('Label', () => {
 
     expect(closeButton).toBeDisabled();
   });
+
+  test('forwards ref to the root element', () => {
+    const ref = createRef<HTMLSpanElement>();
+    render(
+      <Label ref={ref} data-testid="label">
+        Something
+      </Label>
+    );
+
+    expect(ref.current).toBe(screen.getByTestId('label'));
+  });
+
+  test('forwards ref to the root button element for overflow labels', () => {
+    const ref = createRef<HTMLButtonElement>();
+    render(
+      <Label ref={ref} variant="overflow" onClick={() => {}}>
+        Overflow
+      </Label>
+    );
+
+    expect(ref.current).toBe(screen.getByRole('button', { name: 'Overflow' }));
+  });
 });