.str-chat {
  box-sizing: border-box;

  * {
    font-family: var(--str-chat__font-family);
    box-sizing: border-box;
  }

  // Overriding styles of ngx-popperjs
  .ngxp__container {
    z-index: 1;
    padding: 0 !important;
    box-shadow: none !important;
    border-color: transparent !important;

    .ngxp__arrow {
      color: transparent;
      width: 100%;
    }
  }
}

// Fixes icon sizing problem in Angular SDK
stream-icon,
stream-icon-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
}