diff --git a/packages/components/src/components/DistributionChart.tsx b/packages/components/src/components/DistributionChart.tsx
index a6f70fa0..12a4cf1e 100644
--- a/packages/components/src/components/DistributionChart.tsx
+++ b/packages/components/src/components/DistributionChart.tsx
@@ -164,10 +164,10 @@ const SummaryTable: React.FC<SummaryTableProps> = ({
     }
   };
 
-  let TableHeadCell: React.FC<{}> = ({ children }) => (
-    <th className="border border-slate-400 bg-slate-50 p-4">{children}</th>
-  );
-  let Cell: React.FC<{}> = ({ children }) => (
+  let TableHeadCell: React.FC<{ children: React.ReactNode }> = ({
+    children,
+  }) => <th className="border border-slate-400 bg-slate-50 p-4">{children}</th>;
+  let Cell: React.FC<{ children: React.ReactNode }> = ({ children }) => (
     <td className="border border-slate-400 p-4">{children}</td>
   );