Styled component, breaks on google chrome

Styled component breaks on google chrome when changing the prop (form true to false for example). When props are changed styled component outputs class with no CSS inside, while on Firefox everything works as expected.

Here is the very part of the code

const PeriodsHolder = styled.div`
    justify-content: ${props => (props.childCount ? "baseline" : "center")}
    flex-wrap: nowrap !important;
    overflow-x: scroll;
    margin: 0 -5px;
    min-height: 90vh;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    @media(min-width: 980px){
      flex: 0 0 75%;
      max-width: 75%;
  }
`