# Zoom UI not displayed properly - console warnings **URL:** \ **Category:** Web\ **Created:** [April 9, 2021, 4:55am UTC](https://devforum.zoom.us/t/zoom-ui-not-displayed-properly-console-warnings/47601 "2021-04-09T04:55:21Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![jinsley8](https://avatars.discourse-cdn.com/v4/letter/j/9f8e36/32.png) [@jinsley8](https://devforum.zoom.us/u/jinsley8)\ **Post date:** [April 9, 2021, 4:55am UTC](https://devforum.zoom.us/t/zoom-ui-not-displayed-properly-console-warnings/47601/1 "2021-04-09T04:55:21Z")
**Description** When I launch the Zoom web SDK meeting window on my app on localhost some of the UI looks like it’s in the wrong place or not loaded properly. See in the screenshot how some of the chat UI elements aren’t in the right spot. Not sure if this is just because I’m on localhost right now? **Error** When the window launch I get the following console warnings: GET [https://rwcprod.zoom.us/wc/ping/96531471642?ts=1617943442465&auth=cCW6nNV4Fzpz1kZyUUzcdhFvrUGC5-FSiuzBdeM1kak&rwcToken=4TmeqPfQ6XkKrDYX\_kpmumVh8Pwsh3b3WVLApVxL-Jw&dmz=1](https://rwcprod.zoom.us/wc/ping/96531471642?ts=1617943442465&auth=cCW6nNV4Fzpz1kZyUUzcdhFvrUGC5-FSiuzBdeM1kak&rwcToken=4TmeqPfQ6XkKrDYX_kpmumVh8Pwsh3b3WVLApVxL-Jw&dmz=1) net::ERR\_CERT\_COMMON\_NAME\_INVALID - **zoomus-websdk.umd.min.js** - this is just because I’m on localhost with no SSL Warning: Failed prop type: The prop `id` is required to make `n` accessible for users of assistive technologies such as screen readers. - **zoomus-websdk.umd.min.js** Warning: React does not recognize the `pullLeft` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `pullleft` instead. If you accidentally passed it from a parent component, remove it from the DOM element. - **zoomus-websdk.umd.min.js** Warning: React does not recognize the `Dropdown` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `dropdown` instead. If you accidentally passed it from a parent component, remove it from the DOM element. - **zoomus-websdk.umd.min.js** Warning: React does not recognize the `noCaret` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `nocaret` instead. If you accidentally passed it from a parent component, remove it from the DOM element. - **zoomus-websdk.umd.min.js** Warning: Each child in a list should have a unique “key” prop. - **[https://source.zoom.us/1.9.1/lib/av/6331\_js\_media.min.js](https://source.zoom.us/1.9.1/lib/av/6331_js_media.min.js)** **Which Web Client SDK version?** v1.9.1 **Screenshots** ![Screen Shot 2021-04-09 at 12.44.31 AM](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/a/6a56bddd4a85cde9aa31c457318b7c7fea124c3e.png) ---
**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:** [April 9, 2021, 3:53pm UTC](https://devforum.zoom.us/t/zoom-ui-not-displayed-properly-console-warnings/47601/2 "2021-04-09T15:53:32Z")
Hey @jinsley8 , This is due to the Web SDK CSS files not being loaded properly. Make sure you are importing them into your project: > **[Build an App - Web - Client SDKs - Zoom Software Development Kit (Zoom SDK)](https://marketplace.zoom.us/docs/sdk/native-sdks/web/build#option-2-import-through-cdn)** > > Build an App > > This guide will walk through the steps to get started with the Web SDK through the following steps: > > Downloading the SDK > > Integrating the... Thanks, Tommy ---
**Author:** ![jinsley8](https://avatars.discourse-cdn.com/v4/letter/j/9f8e36/32.png) [@jinsley8](https://devforum.zoom.us/u/jinsley8)\ **Post date:** [April 9, 2021, 4:20pm UTC](https://devforum.zoom.us/t/zoom-ui-not-displayed-properly-console-warnings/47601/3 "2021-04-09T16:20:16Z")
Thanks for clarifying. ---
**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\ **Post date:** [April 9, 2021, 10:16pm UTC](https://devforum.zoom.us/t/zoom-ui-not-displayed-properly-console-warnings/47601/4 "2021-04-09T22:16:17Z")
I glad to hear that helped! I’ll go ahead and close this topic now but feel free to open a new topic if you encounter any further issues or questions. Max ---
**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\ **Post date:** [April 9, 2021, 10:16pm UTC](https://devforum.zoom.us/t/zoom-ui-not-displayed-properly-console-warnings/47601/5 "2021-04-09T22:16:22Z")
Closed on April 9, 2021, 10:16pm UTC