Merge branch 'master' into feat/add-missing-mui-icons

Author: Rajesh-Nagarajan-11

src/custom/CatalogFilterSection/CatalogFilterSidebar.tsx

@@ -105,9 +105,9 @@ const CatalogFilterSidebar: React.FC<CatalogFilterSidebarProps> = ({
       </FiltersCardDiv>
       <FilterDrawerDiv>
         <CustomTooltip title="Filters" placement="bottom">
-          <FilterButton variant="contained" onClick={handleDrawerOpen}>
+          <FilterButton variant="contained" size="large" onClick={handleDrawerOpen}>
             <FilterAltIcon
-              style={{ height: '28px', width: '28px' }}
+              style={{ height: '25px', width: '25px' }}
               fill={theme.palette.text.default}
             />
           </FilterButton>

src/custom/CatalogFilterSection/style.tsx

@@ -40,7 +40,6 @@ export const FilterButton = styled(Button)(({ theme }) => ({
   '&:hover': {
     backgroundColor: theme.palette.background.default
   },
-  height: '3.75rem',
   ['@media (max-width:450px)']: {
     minWidth: '0px'
   }

src/custom/PerformersSection/PerformersToogleButton.tsx

@@ -25,7 +25,8 @@ const PerformersSectionButton: React.FC<PerformersSectionButtonProps> = ({ open,
           onClick={handleClick}
           size="large"
           style={{
-            backgroundColor: open ? undefined : theme.palette.background.constant?.disabled
+            backgroundColor: open ? undefined : theme.palette.background.constant?.disabled,
+            whiteSpace: 'nowrap'
           }}
         >
           <TropyIcon style={{ height: '2rem', width: '2rem', marginRight: '10px' }} />