IconMenu broken by Bootstrap Grid system

[thomasantony]

I have been using react-bootstrap combined with a trimmed down version of Bootstrap CSS (containing only the Grid System) to implement a responsive grid in my material-ui based design. It seems that the icons in Icon Menus get truncated as soon as I include the CSS file.

Example code (uses full bootstrap CSS from the CDN for simplicity):
icon-menu-test.zip

I am not entirely sure what in bootstrap is causing this.

[oliviertassinari]

Could this be linked to #2481?

[thomasantony]

I followed recommendation by someone on here (which was later deleted for some reason).

Added

{boxSizing: 'content-box'} 

to the svg-icon style. That seems to fix it. Please merge my pull-request #2525

[frnk94]

I deleted because #2481 said exactly what i told u

[thomasantony]

@frnk94 Okay. My bad! I must have skimmed it and not paid enough attention. Thanks for the help anyway!