Ugly shadow on menubar reveal in fullscreen(macOS)

[shreyasminocha]

• [x] I am on the latest Hyper.app version
• [x] I have searched the issues of this repo and believe that this is not a duplicate

• macOS Sierra, Version 10.12.2 (16C68):
• Hyper.app version, Version 1.1.0 (1.1.0.1408):
• A gist with my .hyper.js contents:
• I can reproduce this issue even without the hyperterm-material plugin:

Issue

I typically have at least one terminal window running in full screen on my system. I recently noticed that one revealing the menu bar when in full screen, there is an ugly shadow-like thing that appears under the menu bar. Following are few screenshots that demonstrate my issue.

It can be seen more clearly when I focus on the entire window in devtools.

See that little shadow below the window controls? That's what I'm talking about

[webb04]

This can be fixed by setting titleBarStyle: hidden rather than titleBarStyle: hidden-inset in Index.js. But would require realigning the tab names with the window controls.