From 0a161a515b3881fcefe893646a82912fa042eac9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Dudak?= <michal.dudak@gmail.com>
Date: Tue, 31 Aug 2021 02:16:35 +0200
Subject: [PATCH] [DataGrid] Show page size controls on narrower screens
 (#2461)

---
 packages/grid/_modules_/grid/components/GridPagination.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/grid/_modules_/grid/components/GridPagination.tsx b/packages/grid/_modules_/grid/components/GridPagination.tsx
index 3ebf4972f8a7b..104aa821c06e1 100644
--- a/packages/grid/_modules_/grid/components/GridPagination.tsx
+++ b/packages/grid/_modules_/grid/components/GridPagination.tsx
@@ -14,7 +14,7 @@ const useStyles = makeStyles(
   (theme: Theme) => ({
     selectLabel: {
       display: 'none',
-      [theme.breakpoints.up('md')]: {
+      [theme.breakpoints.up('sm')]: {
         display: 'block',
       },
     },
@@ -22,14 +22,14 @@ const useStyles = makeStyles(
       // input label
       '&[id]': {
         display: 'none',
-        [theme.breakpoints.up('md')]: {
+        [theme.breakpoints.up('sm')]: {
           display: 'block',
         },
       },
     },
     input: {
       display: 'none',
-      [theme.breakpoints.up('md')]: {
+      [theme.breakpoints.up('sm')]: {
         display: 'inline-flex',
       },
     },