diff --git a/client/homebrew/navbar/navbar.less b/client/homebrew/navbar/navbar.less
index 38902b2..d313e9c 100644
--- a/client/homebrew/navbar/navbar.less
+++ b/client/homebrew/navbar/navbar.less
@@ -46,4 +46,13 @@
 		text-align       : center;
 		text-transform: initial;
 	}
+	.patreon.navItem{
+		i{
+			.animate(color);
+			&:hover{
+				color : @red;
+			}
+		}
+	}
+
 }
\ No newline at end of file
diff --git a/client/homebrew/navbar/patreon.navitem.jsx b/client/homebrew/navbar/patreon.navitem.jsx
index 998eec0..cde3414 100644
--- a/client/homebrew/navbar/patreon.navitem.jsx
+++ b/client/homebrew/navbar/patreon.navitem.jsx
@@ -2,7 +2,12 @@ var React = require('react');
 var Nav = require('naturalcrit/nav/nav.jsx');
 
 module.exports = function(props){
-	return <Nav.item newTab={true} href='https://www.patreon.com/stolksdorf' color='green' icon='fa-gift'>
+	return <Nav.item
+		className='patreon'
+		newTab={true}
+		href='https://www.patreon.com/stolksdorf'
+		color='green'
+		icon='fa-heart'>
 		help out
 	</Nav.item>
 };
\ No newline at end of file