From 0b1b19a1655c97e1c43d4f174efd56de8800688f Mon Sep 17 00:00:00 2001
From: voltron4lyfe <holiestofhandgrenades@gmail.com>
Date: Mon, 23 Jan 2023 18:47:02 -0800
Subject: [PATCH] Fix Filter Button being squished #8024

---
 frontend/src/Components/Menu/FilterMenu.js        | 4 ++--
 frontend/src/Components/Menu/ToolbarMenuButton.js | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/Components/Menu/FilterMenu.js b/frontend/src/Components/Menu/FilterMenu.js
index 3e3a50669..d06b04abe 100644
--- a/frontend/src/Components/Menu/FilterMenu.js
+++ b/frontend/src/Components/Menu/FilterMenu.js
@@ -4,7 +4,7 @@ import { icons } from 'Helpers/Props';
 import translate from 'Utilities/String/translate';
 import FilterMenuContent from './FilterMenuContent';
 import Menu from './Menu';
-import PageMenuButton from './PageMenuButton';
+import ToolbarMenuButton from './ToolbarMenuButton';
 import styles from './FilterMenu.css';
 
 class FilterMenu extends Component {
@@ -106,7 +106,7 @@ FilterMenu.propTypes = {
 FilterMenu.defaultProps = {
   className: styles.filterMenu,
   isDisabled: false,
-  buttonComponent: PageMenuButton
+  buttonComponent: ToolbarMenuButton
 };
 
 export default FilterMenu;
diff --git a/frontend/src/Components/Menu/ToolbarMenuButton.js b/frontend/src/Components/Menu/ToolbarMenuButton.js
index 4bd4d6e33..016795994 100644
--- a/frontend/src/Components/Menu/ToolbarMenuButton.js
+++ b/frontend/src/Components/Menu/ToolbarMenuButton.js
@@ -9,7 +9,7 @@ import styles from './ToolbarMenuButton.css';
 function ToolbarMenuButton(props) {
   const {
     iconName,
-    indicator,
+    showIndicator,
     text,
     ...otherProps
   } = props;
@@ -26,7 +26,7 @@ function ToolbarMenuButton(props) {
         />
 
         {
-          indicator &&
+          showIndicator &&
             <span
               className={classNames(
                 styles.indicatorContainer,
@@ -53,11 +53,11 @@ function ToolbarMenuButton(props) {
 ToolbarMenuButton.propTypes = {
   iconName: PropTypes.object.isRequired,
   text: PropTypes.string,
-  indicator: PropTypes.bool.isRequired
+  showIndicator: PropTypes.bool.isRequired
 };
 
 ToolbarMenuButton.defaultProps = {
-  indicator: false
+  showIndicator: false
 };
 
 export default ToolbarMenuButton;