Проблемы с центрированием графика d3 в столбце bootstrap div

Question

Это мой текущий график d3:

Это мой div для него

<div class="container-fluid">
        <div class="row">
            <div class="col justify-content-md-center" id="controls_container">
            </div>
            <div class="col justify-content-md-center center-block" align="center">
                <div id="chart"></div>
            </div>
        </div>
    </div>

График находится под #chart div. Но, как вы можете видеть, это не совсем по центру ... Я пытался добавить justify-content-md-center, я пытался выровнять центр, но сейчас я немного растерялся. Я использую bootstrap css.