diff --git a/components/header.js b/components/header.js
index 34c81fc1..a624021f 100644
--- a/components/header.js
+++ b/components/header.js
@@ -61,7 +61,7 @@ export default function Header ({ sub }) {
           </Head>
           <Link href='/notifications' passHref>
             <Nav.Link eventKey='notifications' className='pl-0 position-relative'>
-              <NoteIcon />
+              <NoteIcon className='theme' />
               {hasNewNotes?.hasNewNotes &&
                 <span className={styles.notification}>
                   <span className='invisible'>{' '}</span>