Hi there!

Thanks for your query.

Please use the following code in your custom CSS:

.view-spsoccer-tournament .spsoccer-group-wrapper .item-list-wrap {
    display: flex;
    flex-wrap: wrap;
        }

You can add the following code too if you want all the items as left aligned there to get a better view.

.view-spsoccer-tournament .spsoccer-group-wrapper .item-list-wrap > [class*="spsoccer-col-"] {
    text-align: left !important;
}

Hope this will solve the issue for you!

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards