diff --git a/packages/@mantine/core/src/components/ModalBase/ModalBaseHeader.tsx b/packages/@mantine/core/src/components/ModalBase/ModalBaseHeader.tsx
index 01ad3065fd2..2fc4ada4bce 100644
--- a/packages/@mantine/core/src/components/ModalBase/ModalBaseHeader.tsx
+++ b/packages/@mantine/core/src/components/ModalBase/ModalBaseHeader.tsx
@@ -10,7 +10,12 @@ export const ModalBaseHeader = forwardRef<HTMLDivElement, ModalBaseHeaderProps>(
   ({ className, ...others }, ref) => {
     const ctx = useModalBaseContext();
     return (
-      <Box ref={ref} className={cx({ [classes.header]: !ctx.unstyled }, className)} {...others} />
+      <Box
+        component="header"
+        ref={ref}
+        className={cx({ [classes.header]: !ctx.unstyled }, className)}
+        {...others}
+      />
     );
   }
 );