Difference in category display width on mobile versions.

-- url of the page with the problem -- : henchmanapparel.com/index.php/tops
-- HikaShop version -- : 3.0.1
-- Joomla version -- : 3.6.5
-- PHP version -- : 5.3.29
-- Browser(s) name and version -- : Chrome / IOS Safari

The categories/products on the mobile versions of my site have slight variations when they are displaying.

It seems that a category/product with a long title will take up 100% of the width of the screen on a mobile device. This looks good and is desirable.

Categories with short titles only seem to display at 50% of the screen width. I would like them to take up 100% of the screen width in the same way that the products do.

In the Joomla menu settings I have specified that there will be 2 items to a row for both categories and products. I have tried turning Bootstrap on/off but it has no effect.

Both categories and products seem to be subject to the same display classes and css, unless I am missing something.

(everything displays as desired on desktop)

Can anyone advise if this display issue is related to the length of the title?
Is there a way to fix the issue without having an unnecessarily long title?