[Solved]-Increase padding between legend and chart with react-chartjs-2-Chart.js

follow official documentation: https://www.chartjs.org/docs/latest/configuration/legend.html

try by changing padding like the below code example, this might fix your problem:

    legend: {
          labels: {
            padding: 40 //default is 10
          },
          display: true,
          position: 'bottom',
          align: 'start'
    },