¿Cómo elimino este espacio entre la leyenda de este gráfico y el propio gráfico?

Si cambio el tamaño, solo rompe el diagrama :(.

JSFiddle: https://jsfiddle.net/ucs8ybLg/14/

imagen del espacio entre la etiqueta y el diagrama

Código para el diagrama

 const config = { type: 'radar', data: data, options: { elements: { line: { borderWidth: 2 } }, scales: { r: { suggestedMin: 0, suggestedMax: 10 } } }, }; const data = { labels: [ 'Problemlösung', 'Ausdauer', 'Selbstständigkeit', 'Zuverlässigkeit', 'Reflexionsfähigkeit', 'Teamwork', 'Respektvoller Umgang', 'Pflichtbewusstsein' ], datasets: [{ label: 'Schüler', data: [10, 8, 6, 7, 5, 10, 5, 6], fill: true, backgroundColor: 'rgba(255, 99, 132, 0.2)', borderColor: 'rgb(255, 99, 132)', pointBackgroundColor: 'rgb(255, 99, 132)', pointBorderColor: '#fff', pointHoverBackgroundColor: '#fff', pointHoverBorderColor: 'rgb(255, 99, 132)' }, { label: 'Lehrer', data: [8, 10, 7, 7, 3, 9, 8, 7], fill: true, backgroundColor: 'rgba(54, 162, 235, 0.2)', borderColor: 'rgb(54, 162, 235)', pointBackgroundColor: 'rgb(54, 162, 235)', pointBorderColor: '#fff', pointHoverBackgroundColor: '#fff', pointHoverBorderColor: 'rgb(54, 162, 235)' }] };

¡Muchas gracias por la ayuda!