diff --git a/src/shared/components/comment/comment-nodes.tsx b/src/shared/components/comment/comment-nodes.tsx index 02e621b7..495b6bbc 100644 --- a/src/shared/components/comment/comment-nodes.tsx +++ b/src/shared/components/comment/comment-nodes.tsx @@ -79,7 +79,7 @@ export class CommentNodes extends Component { const maxComments = this.props.maxCommentsShown ?? this.props.nodes.length; const borderColor = this.props.depth - ? colorList[this.props.depth % colorList.length] + ? colorList[(this.props.depth - 1) % colorList.length] : colorList[0]; return ( @@ -89,7 +89,11 @@ export class CommentNodes extends Component { "ms-1": !!this.props.isChild, "border-top border-light": !this.props.noBorder, })} - style={`border-left: 2px solid ${borderColor} !important;`} + style={ + this.props.isChild + ? `border-left: 2px solid ${borderColor} !important;` + : undefined + } > {this.props.nodes.slice(0, maxComments).map(node => ( { checked={this.state.form.nsfw} onChange={linkEvent(this, handlePostNsfwChange)} /> -