WordPress / The Retailer theme not displaying all color swatches under product

We are running a theme called “The Retailer” on the latest WordPress installation in conjunction with Woocommerce.

We just swapped out our Variation Swatches plugin from the deprecated “WooSwatches” by Woomatrix to “Variation Swatches for WooCommerce” from CartFlows.

So far, we only used “Simple Product” when creating our products as we are redirecting customers to a designer plugin, where they are finalizing the design process, pricing and so on.

However, we just created our first “Variable Product” and added both colors and sizes to the very same.

However, when trying to display the color swatches under the product price and description next to the product, there are only 9 out of 25 color swatches (round circles) displayed while all our sizes which are text labels display as intended (although there are only six of those).

Clicking on the “Further product information” on the bottom of the page reveals all the information for both colors and sizes in text format.

We then tried to add a completely new product on an exact copy of our website on the staging site and found, that although this didn’t have any influence on the display of the colors, adding more sizes to the sizes options would enable the display of more of the color swatches. However, this would then still be capped to a total of 12 color swatches.

Our question now is…, why does the theme or WooCommerce exhibit this odd behavior and how can we display all of the color swatches next to the product?