Fix demo styles

marmelab · May 16, 2019 · 18bf2dd · 18bf2dd
1 parent ee626ea
commit 18bf2dd
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/examples/demo/src/segments/Segments.js b/examples/demo/src/segments/Segments.js
@@ -5,15 +5,23 @@ import TableBody from '@material-ui/core/TableBody';
 import TableCell from '@material-ui/core/TableCell';
 import TableHead from '@material-ui/core/TableHead';
 import TableRow from '@material-ui/core/TableRow';
+import { makeStyles } from '@material-ui/core/styles';
 import { useTranslate, Title } from 'react-admin';
 
 import LinkToRelatedCustomers from './LinkToRelatedCustomers';
 import segments from './data';
 
+const useStyles = makeStyles({
+    root: {
+        marginTop: 16,
+    },
+});
+
 const Segments = () => {
     const translate = useTranslate();
+    const classes = useStyles();
     return (
-        <Card>
+        <Card className={classes.root}>
             <Title title={translate('resources.segments.name')} />
             <Table size="small">
                 <TableHead>