Bootstrap 4 grid system is not working properly inside of expansion panel

[micronyks]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Bootstrap 4 Grid class should work within expansion panel.

What is the current behavior?

After implementing bootstrap 4 grid classes , grid goes out of the expansion panel

What are the steps to reproduce?

https://plnkr.co/edit/8cNPRgwo31SkP0PC3gVU?p=preview

What is the use-case or motivation for changing an existing behavior?

grid system should work within expansion body

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

v4.4.3
all broswers

Is there anything else we should know?

I think expansion-body tag is added dynamically or missing. Better to provide it as a place holder.

[josephperrott]

Closing as duplicate of #7010

You should just need to reset your box-sizing

[micronyks]

I see ! Thanks for giving the work around. I have observed it is happening with other components too.
@josephperrott So what is the plan? will it resolve in next update or we have to set it manually every time.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}