Настройка заголовка tradingview charting_library

В настоящее время я завершил интеграцию библиотеки tradingview и провел первоначальную настройку некоторых частей стиля.

Текущий css ниже:

.chart-page .apply-common-tooltip, .chart-page .button.undo, .chart-page .button.redo,
.chart-page .symbol-edit-widget .symbol-edit-inputspacer input.symbol-edit {
    background: rgba(30,30,30,0.5) !important;
    /* background: blue !important; */
    border-color: #444 !important;
    color: #fff!important;
}
body, .chart-controls-bar, #footer-chart-panel{
    background-color: rgba(30,30,30,0.5) !important;
}
.chart-page .chart-container {
    background: none !important;
    border-color: #444 !important; 
}
.drawingToolbar-2CoOuCv8-{
    background-color: rgba(30,30,30,0.5);
}
.separator-3cgsM4c1-{
    background-color: #666;
}
a.button.getimage.apply-common-tooltip {
    background-color: #97999d !important;
}

Я хочу на самом деле изменить панель заголовка диаграммы, я не мог получить правильное сочетание CSS, чтобы приблизить ее к телу диаграммы, а также уменьшить ее высоту, не разрушая дочерних элементов.

Ниже приведен текущий снимок экрана с индикатором того, что я хотел бы настроить.