diff --git a/src/components/header/header.js b/src/components/header/header.js
index b6f36e299..2765976c9 100644
--- a/src/components/header/header.js
+++ b/src/components/header/header.js
@@ -44,12 +44,12 @@ const Header = props => (
           <RelativeLink className={`verify-message ${styles.menuLink}`}
             to='verify-message'>{props.t('Verify message')}</RelativeLink>
         </MenuItem>
-        <MenuItem>
-          <RelativeLink className={`encrypt-message ${styles.menuItem}`}
+        <MenuItem theme={styles}>
+          <RelativeLink className={`encrypt-message ${styles.menuLink}`}
             to='encrypt-message'>{props.t('Encrypt message')}</RelativeLink>
         </MenuItem>
-        <MenuItem>
-          <RelativeLink className={`decrypt-message ${styles.menuItem}`}
+        <MenuItem theme={styles}>
+          <RelativeLink className={`decrypt-message ${styles.menuLink}`}
             to='decrypt-message'>{props.t('Decrypt message')}</RelativeLink>
         </MenuItem>
         <MenuDivider />