add flexbox to vertical icons panel

libs/remix-ui/vertical-icons-panel/src/lib/components/Settings.tsx

@@ -33,7 +33,7 @@ function Settings ({ scrollableRef, verticalIconsPlugin, itemContextAction, addA
     })
   }, [])
   return (
-    <div id="settingsIcons" className="remixui_settings flex-grow-0" data-id="vertialIconsSettingsIcons" ref={settingsRef}>
+    <div id="settingsIcons" className="remixui_settings mb-0 flex-grow-0" data-id="vertialIconsSettingsIcons" ref={settingsRef}>
       <Chevron
         divElementRef={scrollableRef}
         cssRule={'fa fa-chevron-down remixui_icon-chevron mt-0 mb-0 ml-1 pl-3'}

libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css

@@ -11,6 +11,10 @@
     fill: var(--primary);
   }
   .remixui_icons {
+    display: flex;
+    flex-flow: column nowrap;
+    justify-content: space-between;
+    align-items: center;
   }
   .remixui_icon {
     cursor: pointer;
@@ -35,7 +39,8 @@
     padding: 4px;
   }
   .remixui_icon[title='Settings'] {
-    position: absolute;
+    order: 5;
+    align-self: center;
     bottom: 0;
   }
   .remixui_status {