Смещение Reactstrap не работает правильно на Heroku

Question

Я создал простое приложение Spotify как с лицевой стороны, так и со стороны сервера (для OAuth-резонов). Вот: https://chartify-frontend.herokuapp.com/

Моя проблема в том, что заголовок "Ваши любимые исполнители и треки в Spotify" не работает так, как мне хотелось бы, когда я развертывал его на сервере. Когда я запускаю его локально, текст центрируется, но, как вы видите, его нет на героку. Я не знаю почему. На консоли Chrome все вроде бы нормально:

<div class="title col-6 offset-3" />

Но с другой стороны, когда я смотрел на вкладку "Стили", свойство пересекалось:

.offset-3 {
    margin-left: 25%;
}

К сожалению, я не знаю почему - это свойство не перезаписывается никаким другим свойством. И, в конце концов, нет проблем, когда я запускаю его локально, это происходит только после развертывания на Heroku.