diff --git a/client/src/components/Charts/ManifestStatusPieChart/ManifestStatusPieChart.tsx b/client/src/components/Charts/ManifestStatusPieChart/ManifestStatusPieChart.tsx
index d8381515..7e0877b7 100644
--- a/client/src/components/Charts/ManifestStatusPieChart/ManifestStatusPieChart.tsx
+++ b/client/src/components/Charts/ManifestStatusPieChart/ManifestStatusPieChart.tsx
@@ -258,7 +258,7 @@ export function ManifestStatusPieChart() {
   const animationDuration = chartRenderComplete ? 0 : 1000;
 
   return (
-    <ResponsiveContainer minWidth={100} minHeight={300} height="10%">
+    <ResponsiveContainer minWidth={100} minHeight={300} height={'10%'}>
       <PieChart width={400} height={400}>
         <Legend
           content={(props: any) =>