Stats widgets in rows of 4 columns

I have a view page which has stats widgets on. I want to display them in rows of 4. So I've set the below in my view page.

public function getHeaderWidgetsColumns(): int | array
    {
        return 4;
    }

public function getHeaderWidgetsColumns(): int | array
    {
        return 4;
    }

public function getHeaderWidgetsColumns(): int | array
    {
        return 4;
    }

public function getHeaderWidgetsColumns(): int | array
    {
        return 4;
    }

After this in the same class I call all the widgets using:

protected function getHeaderWidgets(): array
    {
        return [
        //my widgets
        ]
    }

protected function getHeaderWidgets(): array
    {
        return [
        //my widgets
        ]
    }

protected function getHeaderWidgets(): array
    {
        return [
        //my widgets
        ]
    }

protected function getHeaderWidgets(): array
    {
        return [
        //my widgets
        ]
    }

But no matter what I do it won't display anything other than a row of 3 widgets.

Am I missing something here?