vaadin 7: CSS of a HeaderRow with a Filter

Vaadin 6 / 7 / 8
1

I added a TextField with a StringFilter to a Grid, just like the example says [http://wc.demo.vaadin.com/mcm/out/framework/components/components-grid.html]
(http://)

but the filter doesn’t have a good margin at bottom, how can I fix this? I don’t know anything about CSS, I would appreciate a hand

Update: partial solution from a colleague

    .v-grid-header .v-grid-row .v-grid-cell .v-textfield {
        height: $v-font-size*2 !important;
        margin-bottom: 2px;
    }