Z-index glitch

On several pages, components that appear/animate to "rise" seem to overlap the header component. I've added a z-index definition to push the header component to the highest layer so that no other component overlaps / shadows it.
coderplex-org · vinaypuppal · Oct 20, 2017 · Oct 20, 2017 · Oct 20, 2017 · Oct 20, 2017
commit 5e38e42f8f01b390939633613dfb025bdf606510
diff --git a/components/header.js b/components/header.js
@@ -87,6 +87,7 @@ export default props => {
           padding: 5px 20px;
           width: 100%;
           background: #fff;
+          z-index: 1000
         }
         .header__container {
           max-width: 1280px;