Calculator not displaying well on all screen sizes

Hello Enfold Support–

Hope you all had a Happy New Year! :)

I have a calculator shortcode embedded in a full-width text block. I am having all kinds of problems getting it to look right on all screens– either it is not centered, or the labels run onto a second line and it’s hard to read on smaller screens because the line spacing is too big.

• I have tried playing with blank columns to get it centered, added padding to the container to get it to look centered but it doesn’t look right on mobile screens.
• I tried reducing text size so it would not run onto a second line, but it gets too small on mobile screens and doesn’t look good.
• I tried setting up sections to hide/display one or the other depending on screen size, but I still could not get it to look the way I wanted.

There is also a line at the bottom of a color section that should not be there– no border is selected on all of these.

There are 2 versions on the page now, with red text for you explaining the problem. Think of it as a live screenshot. :)
I hope you can tell me the best way to fix this.

Thanks in advance for any help you can give!