Use shorthands changing the padding of the Button does not work

[yangbaixu]

import {
Button,
makeStyles,
shorthands,
} from '@fluentui/react-components';

const useButtonClasses = makeStyles({
root: {
...shorthands.padding('5px 8px'),
...shorthands.borderRadius('8px'),
color: 'green',
minWidth: '20px',
minHeight: '8px',
backgroundColor: 'red',
},
});

const Button: React.FC = ({
children,
}) => {
const classes = useButtonClasses();
return (

Button

);
};

[yangbaixu]

should look like ...shorthands.padding('5px', '8px')