adjust hitarea

apps/app/src/components/Sidebar/PageCreateButton/DropendToggle.module.scss

@@ -27,11 +27,12 @@
 }
 
 // hitarea
-.btn-create :global {
-  pointer-events: auto;
-
+.btn-toggle :global {
   .hitarea {
-    left: 10px;
+    top: 0;
+    right: -10px;
+    bottom: 0;
+    left: 0;
   }
 }
 

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

@@ -17,7 +17,7 @@ export const DropendToggle = (props: Props): JSX.Element => {
       className={`${moduleClass} btn btn-primary ${props.className ?? ''}`}
     >
       <Hexagon />
-      <Hexagon className="hitarea position-absolute invisible pe-auto" />
+      <div className="hitarea position-absolute" />
       <span className="icon material-symbols-outlined position-absolute">chevron_right</span>
     </button>
   );

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

@@ -184,7 +184,7 @@ export const PageCreateButton = React.memo((): JSX.Element => {
           disabled={isCreating}
         />
       </div>
-      {isHovered && (
+      { isHovered && (
         <div className="btn-group dropend position-absolute">
           <DropendToggle
             className="dropdown-toggle dropdown-toggle-split"