example of styling sub-component of a styled component

gistfile1.txt

======== Modal.js

export const ModalContainer = styled.div`
  ...
  width: ...
`

export default () => {
  ...
  <ModalContainer>
    ...
  </ModalContainer>
}

======== TourScheduling.js
import { ModalContainer } from '...';

const ModalStyleWrapper = styled.div`
  ${ModalContainer} {
    @media(...) {
      width: 1024px;
    }
  }
`

<ModalStyleWrapper>
  <Modal>
    ....
  </Modal>
</ModalStyleWrapper>