How do I change the width of the fields in the Configurable list widget?

I'm trying to minimize the width of each column since it's going over the form size, I already tried:

input[type="text"] {

width: 150px !important;

}

AND

td.col2 > input {

width: 200px;

}

(this one I tried for every column as well (ex, td.com1, td.co2, etc))

I pulled both of these from other answers here but they're not working for me, can you please give me some guidance?

Please try adding the following CSS code to the Custom CSS section of the Configurable list widget.

th, textarea {

    width: 110px !important;

}

Also, please go through the guide below that can help you with making the configurable list widget responsive.

https://www.jotform.com/help/456-How-to-Make-the-Configurable-List-Widget-Mobile-Responsive

Thanks!