next-ucap-messenger/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss

::ng-deep .mat-tab-label,
::ng-deep .mat-tab-label-active {
  min-width: 0 !important;
}

::ng-deep .mat-tab-body-wrapper,
::ng-deep .mat-tab-body {
  height: 100%;
  width: 100%;
}
.logo {
  position: absolute;
  top: 0;
  left: 0;
  height: 60px;
  width: 70px;
}
.container {
  display: flex;
  height: 100%;
}

.mat-tab-group {
  display: flex;
  width: 100%;
  flex-direction: row;
}

::ng-deep .global-menu {
  border-right: 1px solid #dddddd;
  .mat-tab-label-container {
    border-right: 1px solid #dddddd;
    .mat-tab-list {
      .mat-tab-labels {
        padding-top: 0px;
        flex-flow: column;
        height: 280px;
        .mat-tab-label {
          height: 80px;
        }
      }
      .mat-ink-bar {
        background-color: none;
        height: 0;
      }
    }
  }
}