diff --git a/packages/x-tailwindcss/src/x-tailwind-plugin/components/facet-filter/default.ts b/packages/x-tailwindcss/src/x-tailwind-plugin/components/facet-filter/default.ts
index 9dd6b9053d..d3bd1dfdae 100644
--- a/packages/x-tailwindcss/src/x-tailwind-plugin/components/facet-filter/default.ts
+++ b/packages/x-tailwindcss/src/x-tailwind-plugin/components/facet-filter/default.ts
@@ -12,9 +12,9 @@ export function facetFilterDefault(helpers: TailwindHelpers) {
   const { theme } = helpers;
 
   return {
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'baseline',
+    display: 'grid',
+    gridAutoFlow: 'column',
+    alignItems: 'last baseline',
     alignContent: 'center',
     justifyContent: 'start',
     boxSizing: 'border-box',