Выравнивание элементов в меню сбивается

Сдвигаю блок на странице вот таким CSS:

div.socialButtons {
  text-align: right;
  white-space: nowrap;
}

div.socialButtons > div {
  display: inline-block;
}

В результате все элементы менюшки (…) оказываются выровнены вправо же.

Приходится править косяк…

div.socialButtons > div {
  text-align: left !important;
}

Хотя это забота самого виджета - сохранять своё форматирование.