Some of the styles are gone after deployment

I’m quite new here and I have a NextJS project and I host it on Netlify.
When I commit my changes and Netlify builds my project, somehow the styles aren’t working well.
On local everything forks fine.

You can reach the site here:

Thanks for your help!

What is the website supposed to look like?

On local it looks like this:

I have a very simple page.tsx file, I use Webflow DevLink to export my styled components from Webflow.

"use client"
import "@/devlink/global.css";
import { Footer, Hero, NavComponent, SectionInfo } from '@/devlink';
import MyComponent from "@/components/inspocard";

export default function Home() {
  return (
        homeLink={{href: '/'}}
        buttonLink={{href: ''}}
        infoLlink={{href: '#info'}}
        heroSubtitle={"Experimental project by Soma Szoboszlai"}


Hi, thanks so much for reaching out and sharing this additional context. The link to your live site + screenshot from your local envr look the same. Please let me know if you are still experiencing this problem and I will try to troubleshoot.

1 Like

Yes! I find something :grinning:
I have a global css:
import “@/devlink/global.css”;

And I realize that the global css overwrites the component’s style. Can I modify this load queue somehow?

Not specifically on Netlify. Whatever needs to be done, must happen inside your code.