diff --git a/src/ui/Charts/PieChart.js b/src/ui/Charts/PieChart.js
index 3f5fe8e65..221b190c5 100644
--- a/src/ui/Charts/PieChart.js
+++ b/src/ui/Charts/PieChart.js
@@ -63,13 +63,19 @@ class PieChart extends PureComponent {
     return COLORS[index % COLORS.length]
   }
 
+  getChartHeight = () => {
+    const { data } = this.props
+    // base height + 18px for each 4 items row
+    return 340 + data?.length / 4 * 18
+  }
+
   render() {
     const { data } = this.props
 
     return (
       <SimplePieChart
         width={282}
-        height={340}
+        height={this.getChartHeight()}
       >
         <Pie
           data={data}