diff --git a/packages/Modal/src/Header.tsx b/packages/Modal/src/Header.tsx
index 0e1ce97d80..5a164f2771 100644
--- a/packages/Modal/src/Header.tsx
+++ b/packages/Modal/src/Header.tsx
@@ -22,9 +22,13 @@ export const Header = forwardRef<'div', HeaderProps>(({ icon, subtitle, title, .
     <S.Header ref={ref} textAlign={icon ? 'center' : null} w="100%" {...rest}>
       <Close isOnHeader />
       {icon}
-      <Text mb={subtitle ? 'lg' : 0} mt={icon ? 'xl' : 0} variant="h4">
-        {title}
-      </Text>
+      {typeof title === 'string' ? (
+        <Text mb={subtitle ? 'lg' : 0} mt={icon ? 'xl' : 0} variant="h4">
+          {title}
+        </Text>
+      ) : (
+        title
+      )}
       {subtitle && <S.HeaderSubtitle>{subtitle}</S.HeaderSubtitle>}
     </S.Header>
   )