chore: fix tag context menu [skip e2e]

packages/web/src/javascripts/Components/Tags/TagContextMenu.tsx

@@ -13,6 +13,7 @@ import Popover from '../Popover/Popover'
 import IconPicker from '../Icon/IconPicker'
 import AddToVaultMenuOption from '../Vaults/AddToVaultMenuOption'
 import { useApplication } from '../ApplicationProvider'
+import MenuSection from '../Menu/MenuSection'
 
 type ContextMenuProps = {
   navigationController: NavigationController
@@ -80,7 +81,7 @@ const TagContextMenu = ({ navigationController, isEntitledToFolders, selectedTag
           useIconGrid={true}
           iconGridClassName="max-h-30"
         />
-        <HorizontalSeparator classes="my-2" />
+        <MenuSection>
           {application.featuresController.isVaultsEnabled() && (
             <AddToVaultMenuOption iconClassName="mr-2 text-neutral" items={[selectedTag]} />
           )}
@@ -105,6 +106,7 @@ const TagContextMenu = ({ navigationController, isEntitledToFolders, selectedTag
             <Icon type="trash" className="mr-2 text-danger" />
             <span className="text-danger">Delete</span>
           </MenuItem>
+        </MenuSection>
       </Menu>
       <HorizontalSeparator classes="my-2" />
       <div className="px-3 pb-1.5 pt-1 text-sm font-medium text-neutral lg:text-xs">

packages/web/src/javascripts/Components/Tags/TagsListItem.tsx

@@ -323,6 +323,10 @@ export const TagsListItem: FunctionComponent<Props> = observer(
                   role="button"
                   className={'mr-2 cursor-pointer border-0 bg-transparent hover:bg-contrast focus:shadow-inner'}
                   onClick={toggleContextMenu}
+                  onMouseDown={(e) => {
+                    e.stopPropagation()
+                    e.preventDefault()
+                  }}
                   ref={menuButtonRef}
                 >
                   <Icon type="more" className="text-neutral" />