Avo css overriding my other app styles

[mwala-zm]

I have an app to which I want to add avo as an admin dashboard. once I run bin/rails app:template LOCATION='https://avohq.io/app-template' and everything is generated avo overrides my css. My app is using tailwind to be specific.

This pushes all my content to the bottom. Does anyone know if this is a bug or something I have to configure to get the css working separately.

[adrianthedev]

Hey @mwala-zm

That shouldn't happen AFAIK.
Do you have a screenshot of the git diff?
I am away right now. I'll have a look as soon as I can.

One thing you should ensure is that you're not loading Avo's css in your application.html file.

[mwala-zm]

@adrianthedev These are the only diffs I have at the moment

[adrianthedev]

There's nothing there that would break your styles.
I'd check to see if you're importing or injecting styles somehow.

Is this a new or existing app?
Where are the styles overriden? Inside Avo or on the public site?

[mwala-zm]

It is an existing app
the styles where overridden on the public site. Avo is just working fine

[mwala-zm]

So avo was conflicting with daisyui and that caused the app's css to bug out. adding some classes to the html tag fixed it.