import * as React from 'react';
- import Box from '@material-ui/core/Box';
+ import Stack from '@material-ui/core/Stack';
import Fab from '@material-ui/core/Fab';
import AddIcon from '@material-ui/icons/Add';

export default function FloatingActionButtonSize() {
  return (
-    <Box
-      sx={{
-        '& :not(style)': { m: 1 },
-      }}
-    >
+    <Stack direction="row" spacing={1}>
      <Fab size="small" color="secondary" aria-label="add">
        <AddIcon />
      </Fab>
      <Fab size="medium" color="secondary" aria-label="add">
        <AddIcon />
      </Fab>
      <Fab color="secondary" aria-label="add">
        <AddIcon />
      </Fab>
-    </Box>
+    </Stack>
  );
}