свойство <styled component>, исчезающее после gatsby serve

Question

Я использую <стилизованные компоненты> для моего сайта gatsby, все работает нормально, за исключением одной детали: border-radius не применяется к Img после того, как я "gatsby serve". Любые идеи?

const Headshot = styled(Img)`
   box-shadow: 0 0.7em 1em 0 rgba(0,0,0,.3);
   margin: 0 auto;
   border-radius:100%;
`

Это показывает при проверке IMG на "Gatsby Develop":

.gttwKy {
    box-shadow: 0 0.7em 1em 0 rgba(0,0,0,.3);
    margin: 0 auto;
    border-radius: 100%;
}

Это показывает при проверке IMG на "Gatsby serve":

.lnclJt {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0.7em 1em 0px;
    margin: 0px auto;
}

Спасибо!