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

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

.left-side-tabs-body {
  position: relative;
  height: 100%;
  div[id^='tabs'] {
    height: 100%;
    width: 100%;
    position: relative;
  }
  .left-side-tabs-contents {
    height: 100%;
    width: 100%;
    position: relative;
  }
}

//다이얼로그 창과 구분
.organization-side {
  flex-direction: column;
  height: 100%;
}