diff --git a/src/components/DivDebugBaselineGrid.tsx b/src/components/DivDebugBaselineGrid.tsx
index fb1d07c4..0e07d159 100644
--- a/src/components/DivDebugBaselineGrid.tsx
+++ b/src/components/DivDebugBaselineGrid.tsx
@@ -2,22 +2,23 @@
 
 import { useAppState } from '@/state/AppState';
 import { clsx } from 'clsx/lite';
-import { ReactNode } from 'react';
+import { HTMLAttributes } from 'react';
 
 export default function DivDebugBaselineGrid({
   children,
   className,
-}: {
-  children: ReactNode
-  className?: string
-}) {
+  ...props
+}: HTMLAttributes<HTMLDivElement>) {
   const { shouldShowBaselineGrid } = useAppState();
 
   return (
-    <div className={clsx(
-      className,
-      shouldShowBaselineGrid && 'bg-baseline-grid',
-    )}>
+    <div
+      {...props}
+      className={clsx(
+        shouldShowBaselineGrid && 'bg-baseline-grid',
+        className,
+      )}
+    >
       {children}
     </div>
   );