Styled Components not working on Row

[hussainhspl]

const StyledRow = styled(Row)background-color: #f00;;
the css is getting applied, i can see red color but there is only single row in which all the columns are displayed, so the UI becomes Messy

[psikoi]

To anyone who encounters this:

Try to wrap the rows inside a Col instead of having them directly on the Grid.

[ronaldaraujo]

@psikoi it worked for me. But, why this necessary?