diff --git a/src/base/CardHeader/CardHeader.tsx b/src/base/CardHeader/CardHeader.tsx
index f1e24f4bb..579c557f1 100644
--- a/src/base/CardHeader/CardHeader.tsx
+++ b/src/base/CardHeader/CardHeader.tsx
@@ -1,7 +1,8 @@
 import { CardHeader as MuiCardHeader, CardHeaderProps as MuiCardHeaderProps } from '@mui/material';
+import React from 'react';
 
-export function CardHeader(props: MuiCardHeaderProps): JSX.Element {
-  return <MuiCardHeader {...props} />;
-}
+const CardHeader = React.forwardRef<HTMLDivElement, MuiCardHeaderProps>((props, ref) => {
+  return <MuiCardHeader {...props} ref={ref} />;
+});
 
 export default CardHeader;