diff --git a/src/components/PrimaryHeader.tsx b/src/components/PrimaryHeader.tsx
index 868b4e6..1291b50 100644
--- a/src/components/PrimaryHeader.tsx
+++ b/src/components/PrimaryHeader.tsx
@@ -1,7 +1,18 @@
+// from node_modules/react/index.d.ts: global -> JSX -> IntrinsicElements
+type h1Props = React.DetailedHTMLProps<
+	React.HTMLAttributes<HTMLHeadingElement>,
+	HTMLHeadingElement
+>;
+
 export default function PrimaryHeader({
 	children,
+	...props
 }: {
 	children: React.ReactNode;
-}) {
-	return <h1 className='my-4'>{children}</h1>;
+} & h1Props) {
+	return (
+		<h1 className='my-4' {...props}>
+			{children}
+		</h1>
+	);
 }