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:60px;
        flex-flow: column;
        height: 60%;
        .mat-tab-label{
          height:80px;
        }
      }
      .mat-ink-bar{
        background-color:none;
        height:0;
      }
    }
  }
}