::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; } } }