.chart-select-group { display: flex; width: fit-content; margin: auto; } :host /deep/ mat-button-toggle { color: #666666; background: #e7e7e7; } :host /deep/ mat-button-toggle:hover { background: #afafaf; } :host /deep/ mat-button-toggle.mat-button-toggle-checked { background: #ffffff; } :host /deep/ label.mat-button-toggle-label { margin: 2px 0; } :host /deep/ div.mat-button-toggle-label-content { line-height: 25px; margin-bottom: 0; font-weight: normal; } .chart-container { width: 95%; margin: 2%; min-width: 900px; height: 50vh; padding: 15px; float: left; }