Esri Script Affecting CSS

[jh9]

Hi all - I'm trying to import an Esri map into a website using a slick navigation (https://computerwolf.github.io/SlickNav/) for some of our photo carousels. However, I notice that when I import the Esri scripts, it completely messes up the css for this unrelated photo carousel element. Any idea why? 

I've attached photos of before and after import 

[IhabHassan]

Hi @jh9 
do you include JS API css files? or just the JS files?

[jh9]

Hey! I'm not exactly sure what you mean, but I added these two lines of code, which seem to be causing the issue

<link rel="stylesheet" href="https://js.arcgis.com/4.18/esri/themes/light/main.css">

<script src="https://js.arcgis.com/4.18/"></script>

[IhabHassan]

HI @jh9 
it appears to me that it is a visual issue, which will be related to CSS coming from the API's "main.css". I would suggest to remove the reference to this file, it will affect mapping components like widgets.