diff --git a/client/homebrew/pages/basePages/listPage/listPage.jsx b/client/homebrew/pages/basePages/listPage/listPage.jsx
index 6c097afe0..e49a24906 100644
--- a/client/homebrew/pages/basePages/listPage/listPage.jsx
+++ b/client/homebrew/pages/basePages/listPage/listPage.jsx
@@ -117,7 +117,7 @@ const ListPage = createClass({
 		return <div className={`sort-option ${(this.state.sortType == sortValue ? 'active' : '')}`}>
 			<button
 				value={`${sortValue}`}
-				onClick={this.handleSortOptionChange}
+				onClick={this.state.sortType == sortValue ? this.handleSortDirChange : this.handleSortOptionChange}
 			>
 				{`${sortTitle}`}
 			</button>
diff --git a/client/homebrew/pages/basePages/listPage/listPage.less b/client/homebrew/pages/basePages/listPage/listPage.less
index aa6fe707e..9f274ce51 100644
--- a/client/homebrew/pages/basePages/listPage/listPage.less
+++ b/client/homebrew/pages/basePages/listPage/listPage.less
@@ -69,10 +69,11 @@
 			font-weight: bold;
 			color: #ddd;
 			background-color: #333;
-			
+
 			button {
 				color: white;
 				font-weight: 800;
+				height: 100%;
 				&.sortDir {
 					padding-left: 5px;
 				}