# Zoom Styles Issues

**URL:** <https://devforum.zoom.us/t/zoom-styles-issues/18123>\
**Category:** Web\
**Created:** [May 18, 2020, 11:00am UTC](https://devforum.zoom.us/t/zoom-styles-issues/18123 "2020-05-18T11:00:47Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![marcelo.orellana](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/marcelo.orellana/32/8689_2.png) [@marcelo.orellana](https://devforum.zoom.us/u/marcelo.orellana)\
**Post date:** [May 18, 2020, 11:00am UTC](https://devforum.zoom.us/t/zoom-styles-issues/18123/1 "2020-05-18T11:00:47Z")

</div>

**Description**  
I’m working in a project that use elm language, webpack for the configuration, the way that elm communicate to the browser using JS with Ports, so I have to use a port to initialize `preLoadWasm` and `prepareJssdk` and the way that I imported the library is with CommonJS because using ES6 standard module I found a problem when webpack try to get the script so I’m using something like this

`window.zoom = require('@zoomus/websdk')`  
`require('./js/zoom')(app, window.zoom.ZoomMtg)`

**Error**  
When the script load in the page I found that some styles are broken and also some events like `scroll` isn’t working anymore.

**Which version?**  
@zoomus/websdk: 1.7.7

**To Reproduce(If applicable)**  
Steps to reproduce the behavior:

1. Go to ‘…’
2. Click on ‘…’
3. Scroll down to ‘…’
4. See error

**Screenshots**  
If applicable, add screenshots to help explain your problem.

**Smartphone (please complete the following information):**

- Device: [e.g. iPhone6]
- OS: [e.g. iOS8.1]
- Version: [e.g. 22]
- Browser:[e.g. Chrome]

**Additional context**  
Add any other context about the problem here.

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [May 22, 2020, 7:49pm UTC](https://devforum.zoom.us/t/zoom-styles-issues/18123/2 "2020-05-22T19:49:53Z")

</div>

Hey @marcelo.orellana,

Make sure you are including the Zoom Web SDK CSS:

[https://www.npmjs.com/package/@zoomus/websdk#usage](https://www.npmjs.com/package/@zoomus/websdk#usage)

Also check out my post here for styling tips:

> [@Force username when entering meeting using browser Zoom app](https://devforum.zoom.us/t/force-username-when-entering-meeting-using-browser-zoom-app/1102/66):
>
> Hey @someone, The best way to use the [Web SDK](https://www.npmjs.com/package/@zoomus/websdk) in a SPA is to navigate the user to a seperate path or sub domain so it does not interfere with your CSS. Then you can navigate back to your main SPA with the [leaveUrl](https://zoom.github.io/sample-app-web/ZoomMtg.html#init). Thanks, Tommy

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![DeveloperBot](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/developerbot/32/12632_2.png) [@DeveloperBot](https://devforum.zoom.us/u/DeveloperBot)\
**Post date:** [August 21, 2020, 9:30pm UTC](https://devforum.zoom.us/t/zoom-styles-issues/18123/3 "2020-08-21T21:30:07Z")

</div>