Global react app styles override component styles?

Question

css

making a reset file

export function reset() {
  return `
        #App {
              border: 0;
              margin: 0;
              padding: 0;
        }

I insert it into the root of the application through

injectGlobal`
  ${reset()}
`;

In theory, these are the styles that are written first, they should be overridden by the styles that are written in the components, but the opposite happens. I can't understand why.