Sizing issues when adding NativeSelect to Table

I need to add a NativeSelect along with TextFields to a table, but the problem is that NativeSelect by default has 2px border inside and outside of the solid line, whilst TextFields only have 1px borders. This means my table becomes all jumbled. I tried fixing this with CSS, but it doesn’t seem to make a difference:

    border: 0px solid transparent;


NativeSelect ns = new NativeSelect();

Thanks in advance for the help!

I don’t mind doing it the other way around either (ie. setting the TextField border to 2px), but that doesn’t seem to work either…

Also removing borders between cells doesn’t seem to work ( table.addStyleName(Reindeer.TABLE_BORDERLESS) , doesn’t do anything)

Ok, turns out I had forgotten to call the setTheme() method. I ended up doubling the border width of the textFields. This css worked:

.v-textfield-bordertwo {
    overflow: hidden !important;
    padding: 3px !important;
    margin: 0px !important;

Still can’t change the spacing between adjacent columns though, any suggestions?