Woocommerce and Tempera

I really like the Tempera theme and would like to keep using but I also have the same issue.
I did a bit of playing around by saving the page to a local html file and changing some values and found that if I remove the class=”input-text qty text” bit from the line in the page as

<input type=”number” id=”quantity_5a689a2ae7c3d” class=”input-text qty text” step=”1″ min=”1″ max=”” name=”quantity” value=”1″ title=”Qty” size=”4″ pattern=”[0-9]*” inputmode=”numeric” />

then my quantity control renders better and you can see the number, the control is wider than necessary but at least the number is not visible.
I went looking for the code that builds the “input type=number” line and found the file wp-content/plugins/woocommerce/templates/global/quantity-input.php
I edited the file (of course making a backup first) and removed the class=”input-text qty text” from line 33 that begins with input type=”number” and now my product pages all display the quantity control that is readable.
So the question now is whether the CSS class definition for the class=”input-text qty text” is missing or incorrectly defined in the Woocommerce CSS files??? I’m not very knowledgeable regarding CSS but will have a dig around…

It would be great if the Woocommerce developers see this or someone more knowledgeable with WP and CSS can suggest an “easy fix” that does not involve manually editing a modules file (requiring the edit after updates too of course)…