diff --git a/www/front_src/src/Resources/Filter/FilterLoadingSkeleton.tsx b/www/front_src/src/Resources/Filter/FilterLoadingSkeleton.tsx
index ac1ab4dd3b6..e137825e6e0 100644
--- a/www/front_src/src/Resources/Filter/FilterLoadingSkeleton.tsx
+++ b/www/front_src/src/Resources/Filter/FilterLoadingSkeleton.tsx
@@ -3,7 +3,7 @@ import * as React from 'react';
 import { Skeleton } from '@material-ui/lab';
 
 const FilterLoadingSkeleton = (): JSX.Element => {
-  return <Skeleton height={33} style={{ transform: 'none' }} width={200} />;
+  return <Skeleton height={33} style={{ transform: 'none' }} width={175} />;
 };
 
 export default FilterLoadingSkeleton;
diff --git a/www/front_src/src/Resources/Filter/index.tsx b/www/front_src/src/Resources/Filter/index.tsx
index 578daa4fe1a..aa75fb43c30 100644
--- a/www/front_src/src/Resources/Filter/index.tsx
+++ b/www/front_src/src/Resources/Filter/index.tsx
@@ -79,7 +79,7 @@ const useStyles = makeStyles((theme) => ({
     display: 'grid',
     gridAutoFlow: 'column',
     gridGap: theme.spacing(1),
-    gridTemplateColumns: 'auto auto auto 1fr',
+    gridTemplateColumns: 'auto 175px auto 1fr',
     width: '100%',
   },
   loader: { display: 'flex', justifyContent: 'center' },