Display Issues with Accordion or Tabs

I am using X Theme with Your Channel Pro. I am trying to display 2 different playlists each under its own accordion or tab item. Both options have display issues.

<b>Accordion</b>

On activating a previously hidden accordion item, the video thumbnails are not displayed, instead an empty container is shown: https://pasteboard.co/GAWn1nu.png

When I use code inspector on any element or zoom in/out on the browser, the thumbnails get displayed: https://pasteboard.co/GAWnTi3.png

I added a button to programmatically open the accordion item, the result is the same.

This css does not help either:
.yrc-content {width:100% !important;}

Additionally, in Firefox (not on Chrome), only the top 1/3 of our YouTube channel logo is displayed. The Subscribe button is not displayed as well. https://pasteboard.co/GAWpptP.png https://pasteboard.co/GAWqaTx.png

<b>Tabs</b>

On activating a previously hidden tab item, the playlist is displayed with half the width of the tab item container. When I inspect the code, the width expands to full width. https://pasteboard.co/GAWrfmu.png

Display for an accordion/tab item that is open by default is fine.

If the accordion/tab item is open by default, the display is fine.

Is there an activation issue with the iframe display? Is there a workaround?

Thanks for your help.