Make menubar appear normally in customize mode

chrome/vertical_menubar.css

@@ -4,15 +4,16 @@
 /* So, if you want the menu items to be toggleable, just move one button to be before menubar items in the toolbar. If all buttons come after menubar items, then none of those will trigger menubar items. */
 
 
-#titlebar{
+:root:not([customizing]) #titlebar{
   position: fixed;
+  -moz-appearance: none !important;
   right: 0px; 
   height: 100vh;
   width: 30px;
 }
-#navigator-toolbox{ margin-top: var(--tab-min-height) }
+:root:not([customizing]) > #navigator-toolbox{ margin-top: var(--tab-min-height) }
 
-#TabsToolbar{
+#TabsToolbar:not([customizing]){
   position: fixed;
   top: 0px;
   left: 0px;
@@ -26,10 +27,11 @@
   float: right !important;
 }
 
-#toolbar-menubar{
+#toolbar-menubar:not([customizing]){
   margin-top: 40px;
   width: 30px;
   -moz-box-orient: vertical;
+  -moz-box-flex: 1;
 }
 
 #toolbar-menubar > .titlebar-buttonbox-container,#toolbar-menubar > spacer{ display: none !important; }
@@ -37,7 +39,7 @@
 #toolbar-menubar > #menubar-items{ visibility: collapse }
 #toolbar-menubar > .toolbarbutton-1:first-child:hover + #menubar-items,#toolbar-menubar > #menubar-items:hover{ visibility: visible }
 
-#main-menubar{
+#toolbar-menubar:not([customizing]) #main-menubar{
   -moz-box-orient: vertical;
   margin-left: -60px;
   background-color: var(--lwt-accent-color)