The 1rem top margin on a heading makes the Paper element move down, not the heading.
Code:
<Paper zDepth={1}>
<h1 className='leftMargin topMargin'> Books</h1>
<BookList />
</Paper>
Example:
See in this screenshot how the top of the paper is incorrectly 1rem down the page.

overflow: hidden
Most helpful comment
overflow: hidden