.message-box { position: relative; height: 100%; } .current-head { h3 { display: inline-flex; padding-left: 10px; align-items: center; color: #ffffff; } .btn-box { height: 100%; margin-left: auto; display: inline-flex; align-items: center; } } .mat-tab-label-active { opacity: 1; } .message-item { cursor: pointer; } ::ng-deep .message-box { .message-section { position: relative; //height: calc(100% - 120px); .message-tab { position: relative; height: 100%; } .no-search-result { padding-top: 10px; padding-left: 10px; } } }