ton group or tool bar) and you are using icons and text in combination (or, different text sizes in combination), buttons can become misaligned because the text and icons have <em>different  baselines</em>. You can solve this problem by wrapping groups of buttons in <code>flex flex-middle</code>.</li>
</ol>
<h2 id="icons-only" tabindex="-1">Icons only</h2>
<p>Add <code>btn-icon</code> to get square buttons.</p>
<div class="flex flex-middle mb-2">
  <button class="btn-icon btn-warning"><svg xmlns="http://www