diff --git a/client/homebrew/pages/basePages/listPage/listPage.jsx b/client/homebrew/pages/basePages/listPage/listPage.jsx
index 98451d54f..3ef9d54fd 100644
--- a/client/homebrew/pages/basePages/listPage/listPage.jsx
+++ b/client/homebrew/pages/basePages/listPage/listPage.jsx
@@ -114,11 +114,10 @@ const ListPage = createClass({
 	},
 
 	renderSortOption : function(sortTitle, sortValue){
-		return <div className='sort-option'>
+		return <div className={`sort-option ${(this.state.sortType == sortValue ? 'active' : '')}`}>
 			<button
 				value={`${sortValue}`}
 				onClick={this.handleSortOptionChange}
-				className={`${(this.state.sortType == sortValue ? 'active' : '')}`}
 			>
 				{`${sortTitle}`}
 			</button>