From 3a79f43a8dfb404c0fb373be16cf51aa09a84ea3 Mon Sep 17 00:00:00 2001
From: Gala <calero.vg@gmail.com>
Date: Thu, 4 Aug 2022 17:23:32 +0200
Subject: [PATCH] styling

---
 explorer/src/components/Filters/Filters.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/explorer/src/components/Filters/Filters.tsx b/explorer/src/components/Filters/Filters.tsx
index 2f324451da..3a7614c987 100644
--- a/explorer/src/components/Filters/Filters.tsx
+++ b/explorer/src/components/Filters/Filters.tsx
@@ -126,9 +126,11 @@ export const Filters = () => {
         TransitionComponent={Slide}
         transitionDuration={250}
         sx={{
+          '& .MuiAlert-outlined': { pr: '11px' },
           '& .MuiAlert-action': {
             p: 0,
-            mr: 0,
+            marginRight: 0,
+            alignItems: 'center',
           },
         }}
       >
@@ -136,11 +138,10 @@ export const Filters = () => {
           severity="info"
           variant={isMobile ? 'standard' : 'outlined'}
           action={
-            <Button size="small" onClick={onClearFilters} sx={{ p: 0 }}>
+            <Button size="small" onClick={onClearFilters} sx={{ ml: 1.5 }}>
               CLEAR FILTERS
             </Button>
           }
-          sx={{ width: 400, alignItems: 'center' }}
         >
           {mixnodes?.data?.length} mixnodes matched your criteria
         </Alert>