Formatting the widgets sidebar

I am having problems styling the widgets sidebar. When I use the default height then they overlap with the categories title, and when I view the styling through Chrome, i can easily add an extra 40px to the height and that does indeed work in lowering the widget down, but whenever I put the same code in the style.css of the child template it somehow get overridden and defaults back to 40px.

It is best to show you 2 screenshots as I’m not live. the first image shows the default behaviour, and the second image shows the behaviour when I edit the top property in the chrome Inspect Element. When I then put the 80px in the style.css it defaults back to the 40 when I view it.

First image
Second image

The code I am using to try and get the 80px is .sidebar-container {top: 80px;}.

Thanks for any help!