Whitespace between html.A and dash_table.DataTable?

I have the following element,

html.Div(id='button', children=[

         html.A(html.Button(children='Button', id='download_button'),
                id='download_link', download="data.csv", href="", target="_blank")

placed right after a dash_table.DataTable, and as seen in the quick gif I made, there is a variable amount of weird whitespace between the table and the button, https://imgur.com/a/tDaSYxG .

Are there any style commands that could alleviate this situation?

Actually, a better way to describe this problem is that, Data Table takes up lots of empty whitespace by default when it is empty:

There has to be some way to turn this feature off with CSS, though nothing on the references page suggests what.