From 9fcc7b84c33302b4d2d2ffa8cde19149b17368fe Mon Sep 17 00:00:00 2001
From: Gazook89 <58999374+Gazook89@users.noreply.github.com>
Date: Mon, 19 Sep 2022 11:06:33 -0500
Subject: [PATCH] set .sort-option to .active rather than button within.

---
 client/homebrew/pages/basePages/listPage/listPage.jsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

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>