Table Container Widget Bug

Hi All, I’m currently facing an issue which is the fields will went outside the table container. Below is the screen shoot that can describe my problem,  i have placed all the textbox field inside the “Table” container, however when i publish and view in browser, the textbox will went outside the table container. Is there any others way to fix this problem?  
1 answers

Inputs have a minimum width of 50px specified in the default Atlas theme. I think you’ll need to set a CSS class on the input box and make a new class in your theming like:

.form-control.myClass {
   min-width: 10px;

 Follow this guide on using Calypso to edit your theme files. You can add this class to custom.scss.