diff --git a/docs/src/pages/demos/snackbars/DirectionSnackbar.js b/docs/src/pages/demos/snackbars/DirectionSnackbar.js
index 3dde298fdec414..d1af62e229158c 100644
--- a/docs/src/pages/demos/snackbars/DirectionSnackbar.js
+++ b/docs/src/pages/demos/snackbars/DirectionSnackbar.js
@@ -4,19 +4,19 @@ import Snackbar from '@material-ui/core/Snackbar';
 import Slide from '@material-ui/core/Slide';
 
 function TransitionLeft(props) {
-  return <Slide direction="left" {...props} />;
+  return <Slide {...props} direction="left" />;
 }
 
 function TransitionUp(props) {
-  return <Slide direction="up" {...props} />;
+  return <Slide {...props} direction="up" />;
 }
 
 function TransitionRight(props) {
-  return <Slide direction="right" {...props} />;
+  return <Slide {...props} direction="right" />;
 }
 
 function TransitionDown(props) {
-  return <Slide direction="down" {...props} />;
+  return <Slide {...props} direction="down" />;
 }
 
 class DirectionSnackbar extends React.Component {