<div class="chat">
  <div class="chat__item">Сообщение 1</div>
  <div class="chat__item">Сообщение 2</div>
  <div class="chat__item">Сообщение 3</div>
  <div class="chat__item">Сообщение 4</div>
  <div class="chat__item">Сообщение 5</div>
</div>

$darkBlue: #2b5279

.chat
  padding-left: 10px
  &__item
    background-color: $darkBlue
    padding: 5px
    margin-bottom: 10px
    max-width: 400px  
    border-radius: 5px
    position: relative
    margin-left: 10px
    z-index: 2
    &::before
      content: ''  
      position: absolute
      border-top: 8px solid transparent
      border-left: 8px solid transparent
      border-right: 8px solid $darkBlue
      width: 1px
      height: 1px
      border-bottom: 8px solid $darkBlue
      left: -7px
      bottom: 0
      z-index: -1