diff --git a/client/homebrew/navbar/metadata.navitem.jsx b/client/homebrew/navbar/metadata.navitem.jsx
index d06c95642..2642f160c 100644
--- a/client/homebrew/navbar/metadata.navitem.jsx
+++ b/client/homebrew/navbar/metadata.navitem.jsx
@@ -7,7 +7,7 @@ const Nav = require('naturalcrit/nav/nav.jsx');
 
 
 const MetadataNav = createClass({
-	DisplayName     : 'MetadataNav',
+	displayName     : 'MetadataNav',
 	getDefaultProps : function() {
 		return {
 		};
@@ -30,7 +30,13 @@ const MetadataNav = createClass({
 
 	getAuthors : function(){
 		if(!this.props.brew.authors || this.props.brew.authors.length == 0) return 'No authors';
-		return this.props.brew.authors.join(', ');
+		return <>
+			{this.props.brew.authors.map((author, idx, arr)=>{
+				let spacer = <span>, </span>;
+				if(arr.length - 1 == idx) spacer = <></>;
+				return <span key={idx}><a className='userPageLink' href={`/user/${author}`}>{author}</a>{spacer}</span>;
+			})}
+		</>;
 	},
 
 	getTags : function(){
diff --git a/client/homebrew/navbar/navbar.less b/client/homebrew/navbar/navbar.less
index aae1f87f3..67c504e2b 100644
--- a/client/homebrew/navbar/navbar.less
+++ b/client/homebrew/navbar/navbar.less
@@ -233,6 +233,13 @@
 						display: inline-block;
 						border-radius: 5px;
 					}
+					a.userPageLink{
+						text-decoration: none;
+						color: white;
+						&:hover{
+							text-decoration: underline;
+						}
+					}
 				}
 				&:nth-of-type(even){
 					background-color: #555;