Семантический интерфейс: как можно выровнять элемент действия по левому краю?

Я пытаюсь добавить с выравниванием по левому краюbutton к Semantic UImodal в регионе actions, используя элемент container, и я загрузил образец на jsfiddle, чтобы предоставить более подробную информацию о коде:

<div id = "modal" class = "ui modal">
  <i class = "close icon"></i>
  <div class = "header">
    Title
  </div>
  <div class = "actions">
    <div class = "ui left aligned container">
    <div class = "ui button">
      <i class = "eraser icon"></i>
        Clear
    </div>
    </div>
    <div class = "ui black deny button">
      Cancel
    </div>
    <div class = "ui approve positive right labeled icon button">
      Submit
      <i class = "checkmark icon"></i>
    </div>
  </div>
</div>

Однако контейнер не очень хорошо применяет выравнивание: пока кнопка выравнивается по левому краю, она теряет свой vertical alignment с другим action items.

Я не нашел никакого метода реализации выравнивания, несмотря на то, что прочитал документацию по семантическому пользовательскому интерфейсу.

Любая помощь будет оценена.