diff --git a/src/components/NavBar.js b/src/components/NavBar.js
index 8e665d0..8575460 100644
--- a/src/components/NavBar.js
+++ b/src/components/NavBar.js
@@ -1,17 +1,13 @@
 import React, { Component } from 'react';
-import { Link } from 'react-router-dom';
+import { NavLink } from 'react-router-dom';
 
 class NavBar extends Component {
   render() {
-	let classes= 'item';
-	if (this.props.isActive) {
-	  classes += ' active';
-	}
     return (
 	 <div className="ui three item secondary menu">
-	   <Link to="/" className='item'>sudoscientist:~#</Link>
-	   <Link to="/posts/" className={classes}>Posts</Link>
-	   <Link to="/about/" className={classes}>About</Link>
+	   <NavLink exact to="/" className='item'>sudoscientist:~#</NavLink>
+	   <NavLink to="/posts/" className='item' activeClassName='active'>Posts</NavLink>
+	   <NavLink to="/about/" className='item' activeClassName='active'>About</NavLink>
 	 </div>
     );
   }