diff --git a/explorer/src/components/Filters/Filters.tsx b/explorer/src/components/Filters/Filters.tsx index 9d79fda9cc..c53fca153b 100644 --- a/explorer/src/components/Filters/Filters.tsx +++ b/explorer/src/components/Filters/Filters.tsx @@ -52,7 +52,7 @@ const FilterItem = ({ ); export const Filters = () => { - const { filterMixnodes, fetchMixnodes } = useMainContext(); + const { filterMixnodes, fetchMixnodes, mixnodes } = useMainContext(); const { status } = useParams<{ status: MixnodeStatusWithAll | undefined }>(); const isMobile = useIsMobile(); @@ -125,7 +125,6 @@ export const Filters = () => { message="Filters applied" TransitionComponent={Slide} transitionDuration={250} - id="hello" > { Clear } - sx={{ width: 300 }} + sx={{ width: 300, alignItems: 'center' }} > - Filters applied + {mixnodes?.data?.length} mix nodes matched your criteria