diff --git a/templates/preferences/header.twig b/templates/preferences/header.twig
index f82bc3d517..cfb6c4eec0 100644
--- a/templates/preferences/header.twig
+++ b/templates/preferences/header.twig
@@ -1,49 +1,49 @@
 <div class="container-fluid">
   <div class="row">
     <ul id="user_prefs_tabs" class="nav nav-pills m-2">
-      <li class="nav-item">
+      <li class="nav-item my-1">
         <a href="{{ url('/preferences/manage') }}" class="nav-link{{ route == '/preferences/manage' ? ' active' }}">
           {% trans 'Manage your settings' %}
         </a>
       </li>
 
-      <li class="nav-item">
+      <li class="nav-item my-1">
         <a href="{{ url('/preferences/two-factor') }}" class="nav-link{{ route == '/preferences/two-factor' ? ' active' }}">
           {% trans 'Two-factor authentication' %}
         </a>
       </li>
 
-      <li class="nav-item">
+      <li class="nav-item my-1">
         <a href="{{ url('/preferences/features') }}" class="nav-link{{ route == '/preferences/features' ? ' active' }}">
           {{ get_icon('b_tblops', 'Features'|trans, false, false, 'TabsMode') }}
         </a>
       </li>
 
-      <li class="nav-item">
+      <li class="nav-item my-1">
         <a href="{{ url('/preferences/sql') }}" class="nav-link{{ route == '/preferences/sql' ? ' active' }}">
           {{ get_icon('b_sql', 'SQL queries'|trans, false, false, 'TabsMode') }}
         </a>
       </li>
 
-      <li class="nav-item">
+      <li class="nav-item my-1">
         <a href="{{ url('/preferences/navigation') }}" class="nav-link{{ route == '/preferences/navigation' ? ' active' }}">
           {{ get_icon('b_select', 'Navigation panel'|trans, false, false, 'TabsMode') }}
         </a>
       </li>
 
-      <li class="nav-item">
+      <li class="nav-item my-1">
         <a href="{{ url('/preferences/main-panel') }}" class="nav-link{{ route == '/preferences/main-panel' ? ' active' }}">
           {{ get_icon('b_props', 'Main panel'|trans, false, false, 'TabsMode') }}
         </a>
       </li>
 
-      <li class="nav-item">
+      <li class="nav-item my-1">
         <a href="{{ url('/preferences/export') }}" class="nav-link{{ route == '/preferences/export' ? ' active' }}">
           {{ get_icon('b_export', 'Export'|trans, false, false, 'TabsMode') }}
         </a>
       </li>
 
-      <li class="nav-item">
+      <li class="nav-item my-1">
         <a href="{{ url('/preferences/import') }}" class="nav-link{{ route == '/preferences/import' ? ' active' }}">
           {{ get_icon('b_import', 'Import'|trans, false, false, 'TabsMode') }}
         </a>