How to reduce gaps between vuetify elements?

Question

Please help me reducing gaps between vuetify elements like v-select, v-btn, v-textfield, and gaps between data-table cells. I have tried class="ma-0 pa-0" .

Answer 1

I was having similar issues with spacing between v-text-field. For me the fix to get the text fields pressed together was to set hide-details, so it hides hints/validation errors.

<v-text-field dark hide-details value="Example"></v-text-field>