From 084d91f27213a767540f00f72c8b01a5e8fdb98c Mon Sep 17 00:00:00 2001
From: Sebastian Silbermann <silbermann.sebastian@gmail.com>
Date: Wed, 4 Mar 2020 10:55:50 +0100
Subject: [PATCH] fix alignItemsList demo

---
 docs/src/pages/components/lists/AlignItemsList.js  | 2 ++
 docs/src/pages/components/lists/AlignItemsList.tsx | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/docs/src/pages/components/lists/AlignItemsList.js b/docs/src/pages/components/lists/AlignItemsList.js
index 9c4bc7358281c2..124cf20c3d0ae6 100644
--- a/docs/src/pages/components/lists/AlignItemsList.js
+++ b/docs/src/pages/components/lists/AlignItemsList.js
@@ -10,6 +10,8 @@ import Typography from '@material-ui/core/Typography';
 
 const useStyles = makeStyles(theme => ({
   root: {
+    width: '100%',
+    maxWidth: '36ch',
     backgroundColor: theme.palette.background.paper,
   },
   inline: {
diff --git a/docs/src/pages/components/lists/AlignItemsList.tsx b/docs/src/pages/components/lists/AlignItemsList.tsx
index 5f3df540902027..dbeb6103bbb362 100644
--- a/docs/src/pages/components/lists/AlignItemsList.tsx
+++ b/docs/src/pages/components/lists/AlignItemsList.tsx
@@ -11,6 +11,8 @@ import Typography from '@material-ui/core/Typography';
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
     root: {
+      width: '100%',
+      maxWidth: '36ch',
       backgroundColor: theme.palette.background.paper,
     },
     inline: {