move z-index class

apps/app/src/components/Sidebar/PageCreateButton/DropendToggle.tsx

@@ -16,7 +16,7 @@ export const DropendToggle = (props: Props): JSX.Element => {
 
   return (
     <DropdownToggle
-      className={`position-absolute ${moduleClass} btn btn-primary ${props.className ?? ''}`}
+      className={`position-absolute ${moduleClass} btn btn-primary z-1 ${props.className ?? ''}`}
     >
       <Hexagon />
       <div className="hitarea position-absolute" />

apps/app/src/components/Sidebar/Sidebar.tsx

@@ -135,7 +135,7 @@ const CollapsibleContainer = memo((props: CollapsibleContainerProps): JSX.Elemen
   return (
     <div className={`flex-expand-horiz ${className}`} onMouseLeave={mouseLeaveHandler}>
       <Nav onPrimaryItemHover={primaryItemHoverHandler} />
-      <div className={`sidebar-contents-container flex-grow-1 overflow-y-auto z-n1 ${openClass}`} style={{ width: collapsibleContentsWidth }}>
+      <div className={`sidebar-contents-container flex-grow-1 overflow-y-auto ${openClass}`} style={{ width: collapsibleContentsWidth }}>
         {children}
       </div>
     </div>