diff --git a/ChangeLog b/ChangeLog
index c809b348be..c4e80aa4d0 100644
--- a/ChangeLog
+++ b/ChangeLog
@@ -38,6 +38,8 @@ phpMyAdmin - ChangeLog
 - issue #16744 Fixed "Uncaught TypeError: XMLWriter::writeAttribute()" on Designer SVG export
 - issue        Fixed an PHP undefined index notice on export
 - issue #14555 Fixed JavaScript error when auto completion is open (upgraded CodeMirror to 5.60.0)
+- issue #16647 Fixed preferences form not showing texts and not respecting TabsMode config
+- issue        Fixed escape_mysql_wildcards Twig filter
 
 5.1.0 (2021-02-24)
 - issue #15350 Change Media (MIME) type references to Media type
diff --git a/libraries/classes/Twig/UtilExtension.php b/libraries/classes/Twig/UtilExtension.php
index 16727aff6e..4433e25ce2 100644
--- a/libraries/classes/Twig/UtilExtension.php
+++ b/libraries/classes/Twig/UtilExtension.php
@@ -163,7 +163,7 @@ class UtilExtension extends AbstractExtension
             ),
             new TwigFilter(
                 'escape_mysql_wildcards',
-                'PhpMyAdmin\Util::convertBitDefaultValue'
+                'PhpMyAdmin\Util::escapeMysqlWildcards'
             ),
         ];
     }
diff --git a/templates/preferences/header.twig b/templates/preferences/header.twig
index 755bb5ef6a..fd07aa538d 100644
--- a/templates/preferences/header.twig
+++ b/templates/preferences/header.twig
@@ -15,37 +15,37 @@
 
       <li class="nav-item">
         <a href="{{ url('/preferences/features') }}" class="nav-link{{ route == '/preferences/features' ? ' active' }}">
-          {{ get_icon('b_tblops', 'Features'|trans) }}
+          {{ get_icon('b_tblops', 'Features'|trans, false, false, 'TabsMode') }}
         </a>
       </li>
 
       <li class="nav-item">
         <a href="{{ url('/preferences/sql') }}" class="nav-link{{ route == '/preferences/sql' ? ' active' }}">
-          {{ get_icon('b_sql', 'SQL queries'|trans) }}
+          {{ get_icon('b_sql', 'SQL queries'|trans, false, false, 'TabsMode') }}
         </a>
       </li>
 
       <li class="nav-item">
         <a href="{{ url('/preferences/navigation') }}" class="nav-link{{ route == '/preferences/navigation' ? ' active' }}">
-          {{ get_icon('b_select', 'Navigation panel'|trans) }}
+          {{ get_icon('b_select', 'Navigation panel'|trans, false, false, 'TabsMode') }}
         </a>
       </li>
 
       <li class="nav-item">
         <a href="{{ url('/preferences/main-panel') }}" class="nav-link{{ route == '/preferences/main-panel' ? ' active' }}">
-          {{ get_icon('b_props', 'Main panel'|trans) }}
+          {{ get_icon('b_props', 'Main panel'|trans, false, false, 'TabsMode') }}
         </a>
       </li>
 
       <li class="nav-item">
         <a href="{{ url('/preferences/export') }}" class="nav-link{{ route == '/preferences/export' ? ' active' }}">
-          {{ get_icon('b_export', 'Export'|trans) }}
+          {{ get_icon('b_export', 'Export'|trans, false, false, 'TabsMode') }}
         </a>
       </li>
 
       <li class="nav-item">
         <a href="{{ url('/preferences/import') }}" class="nav-link{{ route == '/preferences/import' ? ' active' }}">
-          {{ get_icon('b_import', 'Import'|trans) }}
+          {{ get_icon('b_import', 'Import'|trans, false, false, 'TabsMode') }}
         </a>
       </li>
     </ul>