diff --git a/components/SiteNav/index.jsx b/components/SiteNav/index.jsx
index d5f04f5..e24ab30 100644
--- a/components/SiteNav/index.jsx
+++ b/components/SiteNav/index.jsx
@@ -10,15 +10,15 @@ class SiteNav extends React.Component {
             <nav className='blog-nav'>
               <ul>
                 <li>
-                  <Link to="/" className={ location.pathname === prefixLink('/') ? "current" : null }> Articles
+                  <Link to="/" activeClassName="current" onlyActiveOnIndex> Articles
                   </Link>
                 </li>
                 <li>
-                  <Link to="/about/" className={ location.pathname === prefixLink('/about/') ? "current" : null }> About me
+                  <Link to="/about/" activeClassName="current"> About me
                   </Link>
                 </li>
                 <li>
-                  <Link to="/contact/" className={ location.pathname === prefixLink('/contact/') ? "current" : null }> Contact me
+                  <Link to="/contact/" activeClassName="current"> Contact me
                   </Link>
                 </li>
               </ul>
@@ -31,4 +31,4 @@ SiteNav.propTypes = {
     location: React.PropTypes.object,
 }
 
-export default SiteNav
\ No newline at end of file
+export default SiteNav