Dash can't load all the styling sheets when first opening the browser, need to resave the styling sheet

So I’m building an app that contains 5 different pages.
I created a style CSS file for each of these pages and put them all under the assets folder.
Whenever I open dash on the browser, the style CSS files won’t be loaded correctly, more specifically not all the stylings are fully applied, I have to go back to the style files, hit ctrl+save, and then all is good.

Does anyone have any idea why it’s like that? What should I do to make sure all the styles are loaded in the first place? Thank you!

Hi,

Welcome to the community! :slightly_smiling_face:

When you say that all stylings are not applied in the first place, do you mean rules that you just added to the stylesheet or rules existing in prior versions of it?

Dash has a debugger with hot reloading enabled by default, so it will reload the application whenever you modify (and save) the stylesheet.

Hi,

Thank you for responding, I’m talking about the rules that already exist in the styling css files which is really weird. For example, when I open it, I can see some of the buttons have the colors as defined in the css file, but always missing the background color, font style, font color and etc.

Do you have any idea?

Thank you!