
.comments-container {
  @include make-row();
  margin: 0.5em 0 0;  
}

.comments {
  @include media-breakpoint-up(sm) {
    @include make-col(9);
  }
  @include media-breakpoint-up(md) {
    @include make-col(8);
  }
}

.comments-list {
  margin-bottom: 0em;
}

.comments-list p {
  margin-bottom: 0.5em;
}

.comments-list dt {
  font-weight: normal;
  color: #999;
  font-size: 0.8em;
}

.moderator {
  background-color: #C4FFD6;
}

.requester {
    background-color: rgb(255, 255, 196);
}


.comments-container {
  @include make-row();
  margin: 0.5em 0 0;  
}

.comments {
  @include media-breakpoint-up(sm) {
    @include make-col(12);
  }
  @include media-breakpoint-up(md) {
    @include make-col(8);
  }
}

.comments-list {
  margin-bottom: 0em;
}

.comments-list p {
  margin-bottom: 0.5em;
}

.comments-list dt {
  font-weight: normal;
  color: #999;
  font-size: 0.8em;
}

.moderator {
  background-color: #C4FFD6;
}

.requester {
    background-color: rgb(255, 255, 196);
}

Fix message comment section width on small screens
Fix message comment section width on small screens