Style Change in Block Editor Producing Wrong Tag

  {title: 'Small', value: 'small', blockEditor: { 
    icon: () => <div>Small</div>, 
      render: ({children}) => <span><small>{children}</small></span>
  }}

const smallStyle = (props) => (
  <span>
    {props.children}
  </span>
);

title: {
    title: "Small",
    value: "small",
    blockEditor: {
      render: smallStyle,
    },
  },