diff --git a/customize.dist/src/less2/include/toolbar.less b/customize.dist/src/less2/include/toolbar.less
index 0721d310c..0cede6279 100644
--- a/customize.dist/src/less2/include/toolbar.less
+++ b/customize.dist/src/less2/include/toolbar.less
@@ -1171,8 +1171,6 @@
                 order: 8;
             }
             .cp-toolbar-file ul {
-                display: flex;
-                flex-direction: column;
                 > li { display: contents; }
             }
             .cp-toolbar-file li > a {
diff --git a/www/common/common-ui-elements.js b/www/common/common-ui-elements.js
index 524c2eba1..30dc59de2 100644
--- a/www/common/common-ui-elements.js
+++ b/www/common/common-ui-elements.js
@@ -1790,7 +1790,8 @@ define([
             var topPos = button.bottom;
             $button.attr('aria-expanded', 'true');
             $innerblock.css('bottom', '');
-            $innerblock.show();
+            $innerblock.css('display', 'flex'); // for the css order rules to apply
+            $innerblock.css('flex-direction', 'column');
             if ($parentMenu) {
                 // keep parent open when recursive
                 $parentMenu.show();