.main-container { height:100%; display: flex; flex-flow: row; padding-top: 27px; 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:400px; height: 100%; flex: 0 0 auto; overflow: hidden; -webkit-box-shadow: -1px 0px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: -1px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: -1px 0px 3px 0px rgba(0,0,0,0.3); } } .right-side { height: 100%; flex: 0 0 auto; } } ::ng-deep .mat-drawer-inner-container{ overflow: unset !important; }