.actionBar { box-sizing: border-box; width: 100%; display: flex; flex-direction: row; height: 60px; align-items: center; margin-top: -15px; margin-bottom: 24px; background: rgb(66, 66, 66); color: white; padding: 0 15px; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12); --mdc-theme-primary: rgb(233, 106, 255); } .actionBar h2 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; margin: 0; display: inline-block; flex: 1; } .actionBar button:global(.mdc-button--outlined):not(:disabled) { border-color: rgba(255,255,255,.44); }