Глобальные стили react приложения перекрывают компонентные?

Question

[shading]

Делаю reset файлик

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

Вставляю его в корень приложения через

injectGlobal`
  ${reset()}
`;

По идее это стили прописываются первые, их должны перекрывать стили, которые прописываются в компонентах, но происходит наоборот. Не могу понять почему.

Comments

[Kataev]

Покажи стили, которыми ты перезаписываешь

[shading]

KataevAS, Обычные styled-components

export const Left: any = styled.div`
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  box-sizing: border-box;
  text-align: right;
  padding: 0 10px 0 0;
`;

[shading]

KataevAS, Понятно, что можно использовать импотант, но должно и без этого работать. Сам inject global находится в корне в App.tsx