diff --git a/packages/dx-react-demos/src/material-ui/featured-controlled-mode/demo.jsx b/packages/dx-react-demos/src/material-ui/featured-controlled-mode/demo.jsx
index d5aeb7bc16..c800805ce8 100644
--- a/packages/dx-react-demos/src/material-ui/featured-controlled-mode/demo.jsx
+++ b/packages/dx-react-demos/src/material-ui/featured-controlled-mode/demo.jsx
@@ -19,7 +19,6 @@ import {
   DialogContentText,
   DialogTitle,
   MenuItem,
-  Input,
   Select,
 } from 'material-ui';
 
@@ -105,7 +104,7 @@ const LookupEditCellBase = (({
     <Select
       value={value}
       onChange={event => onValueChange(event.target.value)}
-      input={<Input classes={{ root: classes.inputRoot }} />}
+      InputClasses={{ root: classes.inputRoot }}
     >
       {availableValues.map(item => (
         <MenuItem key={item} value={item}>{item}</MenuItem>
diff --git a/packages/dx-react-grid-material-ui/src/templates/page-size-selector.jsx b/packages/dx-react-grid-material-ui/src/templates/page-size-selector.jsx
index 37f00c121a..6c36b01931 100644
--- a/packages/dx-react-grid-material-ui/src/templates/page-size-selector.jsx
+++ b/packages/dx-react-grid-material-ui/src/templates/page-size-selector.jsx
@@ -65,12 +65,8 @@ const PageSizeSelectorBase = ({
           select: classes.select,
           icon: classes.selectIcon,
         }}
-        input={
-          <Input
-            disableUnderline
-            classes={{ root: classes.inputRoot }}
-          />
-        }
+        InputClasses={{ root: classes.inputRoot }}
+        input={<Input disableUnderline />}
       >
         {allowedPageSizes.map(item => (
           <MenuItem key={item} value={item}>