H5P Content Cutting off on WPLMS

Hi there, I am trying to upgrade WPLMS to 4.0 and somehow that is causing issues for the H5P content. When the page loads for a unit on WPLMS, the H5P content is cut off on the right hand side. The H5P content is an iframe. We need to make it so that the content re-sizes along with the rest of the content when the window changes size, and, most importantly, it needs to not show as being cut off when the page loads. The following code is what auto-generates when we export the h5p code from h5p.com. We are supposed to be able to simply paste this onto the WPLMS and load it without issue. But, like I said, the right side of the iframe gets cut off. It may have something to do with the script called h5p-resizer.js. That is supposed to make the size of the iframe dynamic. But it seems to not work well. It may be that the solution is to make a copy of, tweak the script, and use that.  

<iframe src="https://kidslovecodecom.h5p.com/content/1291189157269598238/embed" width="1088" height="637" frameborder="0" allowfullscreen="allowfullscreen" allow="geolocation *; microphone *; camera *; midi *; encrypted-media *"></iframe><script src="https://kidslovecodecom.h5p.com/js/h5p-resizer.js" charset="UTF-8"> 

Anyway, I am hoping someone can provide some guidance. Like I said, I am sure the solution is simple but I cant quite figure it out. 

 

Thanks