Icons Layout issues in Web Browser integration

Basically the Icons Layout shows up broken, piling up the icons and therefore making them mostly unusable.

Using ZOOM Api for web over PHP/JS-JQuery/HTML5/CSS3 architecture

Dependencies are loaded as indicated in the documentation:

<!-- import ZoomMtg dependencies -->
<script src="https://source.zoom.us/1.7.6/lib/vendor/react.min.js"></script>
<script src="https://source.zoom.us/1.7.6/lib/vendor/react-dom.min.js"></script>
<script src="https://source.zoom.us/1.7.6/lib/vendor/redux.min.js"></script>
<script src="https://source.zoom.us/1.7.6/lib/vendor/redux-thunk.min.js"></script>
<script src="https://source.zoom.us/1.7.6/lib/vendor/jquery.min.js"></script>
<script src="https://source.zoom.us/1.7.6/lib/vendor/lodash.min.js"></script>

Zoom is called from index.js as indicated:

    ZoomMtg.setZoomJSLib('https://source.zoom.us/1.7.6/lib', '/av');



Then the room is initialized like this:

      leaveUrl: 'https://xxxx', //obfuscated for publishing in the forums, real url in the true code
      isSupportAV: true,
      success: function () {
                  meetingNumber: meetingNumber,
                  userName: userName,
                  signature: signature2,
                  apiKey: API_KEY,
                  userEmail: 'email@gmail.com',
                  passWord: meetingPassw,
                  success: function(res){
                      console.log('join meeting success');
                  error: function(res) {
      error: function(res) {

Tested both over MacOS Catalina and Windows 10, with Chrome, Safari and Edge browsers (Chrome in both OS).

To make it even weirder, when I manually resize the Chrome browser to around 1000x600 icons rearrange (responsiveness works properly) and shows icons and options more reasonably.

Here are some screencaptures of the issue (icons at the bottom):

Hey @invistart,

Are you importing the Zoom Web SDK CSS styles?