Having an issue with Material UI and React Twitter Embed, unable to remove top and bottom margins.
Here's the code snippet causing concern:
const styles = theme => ({
listItem: {
padding: '0px',
},
tweetSize: {
margin: 0,
},
tweet: {
margin: 0,
}
});
class TweetItem extends Component {
render() {
return (
<ListItem className={this.props.classes.listItem}>
<div className={this.props.classes.tweetSize}>
<TwitterTweetEmbed className={this.props.classes.tweet} tweetId={blah} options={{ width: 'auto'}} />
</div>
</ListItem>
);
}
}
export default withStyles(styles)(TweetItem);
Noticed the margins using Chrome inspect tool: https://i.stack.imgur.com/XqyVx.png
View of the margins on the page: https://i.stack.imgur.com/J5OXI.png
Seeking a solution to forcefully set those margins to 0, regardless of method.