材质UI GridListTileBar覆盖无效

Question

此重要的UI代码生成了一个ul，其中包含一堆<img />标签作为li。我正在尝试覆盖这些<img />标签的宽度，但是由于某些原因，材料UI类的覆盖似乎并未注册。有人对此有任何线索吗？

const styles = theme => ({
  tile: {
    width: '100%',
  }
});

function SingleLineGridList(props) {
  const { classes, tileData } = props;

  return (
    <div>
     <GridList cols={2.5}>
       {tileData.map(tile => (
         <GridListTile classes={{root: classes.tile}} key={tile.img}>
           <img src={tile.img} alt={tile.title} />
         </GridListTile>
       ))}
     </GridList>
   </div>
  );
}

export default withStyles(styles)(SingleLineGridList);