page-chat {

  .toolbar-title {

    .title-profile-avatar {
      vertical-align: bottom;
    }
  }

  .list {

    .message-bubble {
      background-color: #fdb315;
      border-radius: 0.5rem;
      font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
      line-height: 1.5;
      margin: 1rem 1rem 2.5rem auto;
      max-width: 75%;
      overflow: visible;
      padding: 0.75rem;
      position: relative;

      &.is-user {
        background-color: #6fbedf;
        margin: 1rem auto 2.5rem 1rem;
      }

      .item-inner {
        border-bottom: none;
      }

      ion-label {
        overflow: visible;
        text-overflow: unset;
        margin: 0 0.75rem;
      }

      p {
        color: #1d1e1f;
        white-space: normal;

        &.timestamp {
          color: #acacac;
        }
      }
    }
  }
}
