How to change the width of the input table widget?

Hi,

I'd like my table to be longer across the page so I can make each column wider too.

At the moment when I publish it, it doesn't look right and the columns have been squashed smaller? Plus the table doesn't fit on the background, it hangs over the edge and isn't central.

Can someone look into this for me please?

Thanks

Helen

Dear Helen,

I would like to recommend you to change the table width and column width values from the widget settings as in the screenshot. 

After these settings, please inject this custom CSS to your form:

input{

  width: 85px;

}

How to Inject Custom CSS Codes

You can change the values depending on your own preferences.

Here is my result:

I hope it helps.