options: {
        plugins:{
            legend:{
                display: false,
                labels:{
                    font:{
                        size: 30,
                        family: 'Montserrat',
                    }
                }
            }
        },
        scales: {
            y: {
                padding: 10,
                beginAtZero: true,
                ticks:{
                    display: false
                },
            },
            x: {
                grid: {
                    display: false,
                },
                ticks: {
                    padding: 100,
                    font: {
                        family: 'Montserrat', 
                        size: 25,
                        color: 'black'
                    },
                },
            },
        }
    }

here is my code for options

left and rights cuts by frame i tried to add padding but it seems like didnt work. is there any method for align them like css flex?