Tabbar label position changed in V6


I update F7 from V4 to V6 on an existing app. My app has a tabbar with icons and labels. With V4 the labels was under the icon, with V6 they were moved beside the icon. This also cuts some icons where label text is long.

With V4:

With V6:

Tabbar is defined as follows:

<div class="toolbar tabbar tabbar-labels toolbar-bottom">
  <div class="toolbar-inner">
    <!-- Toolbar links -->
    <a href="#prod_conf" class="tab-link">
  	  <i class="icon f7-icons">gift</i>
  	  <span class="tabbar-label">Confezionamento</span>

How can I have label below icon in V6 ?

<a href="#prod_conf" class="tab-link flex-direction-column">
  <i class="icon f7-icons">gift</i>
  <span class="tabbar-label no-margin-left">Confezionamento</span>

Works like a charm, Thank you !