::ng-deep .cdk-overlay-pane{ width:600px; max-height:90%; .setting-frame{ .mat-dialog-container { position: relative; } } } .confirm-card { padding: 16px; min-width: 500px; position: relative; .mat-card-header { position: relative; width: 100%; margin-bottom: 12px; .mat-card-header-text { .mat-card-title { } } } .mat-card-content { flex: 0 0 auto; display: flex; align-items: flex-start; height: calc(100% - 100px); .setting-tab { width:100%; height:100%; position: relative; .mat-tab-group { width:100%; height:100%; position: relative; } } } .button-farm { text-align: right; position: relative; width: 100%; bottom: 10px; .mat-primary { margin-left: 4px; } } } ::ng-deep .mat-tab-group { .mat-tab-header{ margin-bottom:10px; .mat-tab-labels{ border-bottom:2px solid #dddddd; .mat-tab-label{ padding:0 10px; } } } }