XF 2.2 Ошибка с центрированием текста в Cookie Notice

[ASTEROID]

Всех приветствую. Столкнулся с такой ошибкой, что текст центрируются, но справа всё равно остается пустая часть, и в итоге текст центрированный, но по левой стороне.

Путём модификации шаблона добавил в уведомление иконку, придал css-стиль. Текст почему-то слева.


Код к классу текста:

.u-alignCenter {
    text-align: center;
}

Код к иконке

Код

.notice.notice--primary .noticeIcon {
    background: #c83637;
}
.notices .noticeIcon {
    display: flex;
    align-items: center;
    padding: 0 8px;
    color: rgba(255,255,255,0.5);
    font-size: 24px;
}

Код к самому уведомлению:

[data-notice-id="-1"].notice.js-notice.notice--primary {
    display: flex;
    background: #22242b;
    border: 2px solid #c83637;
}

Если убрать из кода display: flex;, то текст налаживается, но иконка улетает в шапку:


Заметил такую особенность только на стиле который использую (XenBase by PE), что при просмотре кода элемента, блок с уведомлением выделяет вот так(см. скрин ниже), а не полностью:


Для вывода юзаю аддон [cXF] Cookie Notice 1.0.1
Если по фигне гружу, извиняйте, не спал 2 дня

 

[BIOMOND]

.notice-content {
    margin: auto;
}

 

[ASTEROID]

Boje, spasibo