Легенда не перемещается вправо на моей кольцевой диаграмме, созданной с помощью chart.js

По какой-то причине легенда на этой кольцевой диаграмме, созданной с помощью chart.js, не смещается вправо. Даже попытался добавить правило в само создание диаграммы вместо того, чтобы помещать его в переменную

РЕДАКТИРОВАТЬ

При дальнейшем осмотре выясняется, что любые параметры, установленные для легенды, не работают.

const mobileData = {
    labels: ["Desktop", "Tablet", "Phons"],
    datasets: [{
        label: '# of Users',
        data: [2000, 550, 500],
        borderWidth: 0,
        backgroundColor: [
            '#7477BF',
            '#78CF82',
            '#51B6C8'
        ]
    }]
};

const mobileOptions = {
    legend: {
        position: 'right',
        labels: {
            boxwidth: 20,
            fontStyle: 'bold'
        }
    }
}

let mobileChart = new Chart(mobileCanvas,  {
    type: 'doughnut',
    data: mobileData,
    options: mobileOptions
});

Вот рабочий пример к проекту без изображений. https://jsfiddle.net/5j2ucpv6/3/