.conversation-stream {
  padding-top: 1em;
  height: 5em;
  overflow: auto;
  width: 100%;


  .message {
    clear: both;
  }

  .messages >
  .message {
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    margin-bottom: 0.5em;
    padding: 0.5em 1em;
    display: block;
  }

  .ours {
    text-align: right;
    background: $light-text-color;
    float: right;

    .arrow-down {
      border-top-color: $light-text-color;
      left: 100%;
    }
  }

  .theirs {
    text-align: left;
    background: $ui-highlight-color;
    float: left;

    .arrow-down {
      border-top-color: $ui-highlight-color;
      right: 1em;
    }
  }

  .arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid $classic-primary-color;
    position: relative;
    bottom: -1em;

  }
}