Vertical Icon Bar in Foundation not taking up full height

I am using foundation to style my Ember app. I am trying to create a side icon bar for navigation on the left side. However, the bar will not take up the full height of the screen as I would like it too. Any ideas on why this is happening?

Here is my handlebars template:

<div class="icon-bar vertical five-up">
  <a class="item">
    <i class="fi-home"></i>
  </a>
  <a class="item">
    <i class="fi-bookmark"></i>
  </a>
  <a class="item">
    <i class="fi-info"></i>
  </a>
  <a class="item">
    <i class="fi-mail"></i>
  </a>
  <a class="item">
    <i class="fi-like"></i>
  </a>
</div>