CssBaseline is preventing me from setting a background color on the body of my nextjs project

[dmcleish91]

I want to set the background color of my body tag to using the color #fafafa however using the global css or tailwind for styling does not yield any results. removing CssBaseline from my _app.tsx and it works but there must be a better solution.

I tried reading the docs here https://geist-ui.dev/en-us/guide/themes but I'm not sure if the answer is there.

[dmcleish91]

I figured out a solution

body, html { background-color: #fafafa !important; }