0

I'm finding a bizarre difference between my local and my netlify deploy preview (which are confirmed to be pointed at the same commit) in my Gatsby React app.

Notice how in the screenshot, the default styles for the class .iavlle9 are being applied on the left (local) but not on the right (deploy preview). The media query styles are applied on both sides, but in the deploy preview the non-media-query styles just aren't there!

enter image description here

export const FieldWrap = style([
  {
    overflowY: 'hidden',
    textAlign: 'left', // for error message
    '@media': {
      [theme.mediaQueries.tablet]: {
        flexGrow: 1,
        overflowY: 'visible',
      },
    },
  },
])

What could be causing this?

Jonathan Tuzman
  • 11,568
  • 18
  • 69
  • 129

0 Answers0