next-ucap-messenger/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.scss

.container {
  height:100%;
  display: flex;
  flex-flow: row;
  padding-top: 30px;
  border: 3px solid #4f4f4f;
  border-top: none;

  .split-area{
    overflow: hidden;
    .left-side {
    width: 100%;
    height: 100%;
    flex: 0 0 auto;
    position: relative;
    }
  }

  .contents {
    flex: 1 1 auto;
    min-width: 400px;
    height: 100%;
    .messages {
      width: 100%;
      height: 100%;
    }
    .rightDrawer{
      width:420px;
      height: 100%;
      flex: 0 0 auto;
      overflow: hidden;
    }
  }
  .right-side {
    height: 100%;
    flex: 0 0 auto;
  }
}

::ng-deep .mat-drawer-inner-container{
  overflow: unset !important;
}