u

src/components/tiles/CategoryTile.jsx

@@ -10,8 +10,8 @@ import DeleteOutlinedIcon from '@mui/icons-material/DeleteOutlined';
 import { Tile, tileBaseSx } from './Tile';
 
 /**
- * Top edit band (upper third) with a move handle on the left and a tree
- * (drop-into-subcategory) handle on the right.
+ * Top edit band: left = reorder handle (SortableJS), right = drop-into-subcategory
+ * handle (Shopify Draggable Droppable).
  */
 function TopBand() {
   return (
@@ -37,7 +37,7 @@ function TopBand() {
         <DragHandleIcon sx={{ fontSize: 18 }} />
       </IconButton>
       <IconButton
-        className="sortable-tree"
+        className="droppable-handle"
         size="small"
         aria-label="In Unterkategorie ablegen"
         sx={{ cursor: 'grab', '&:active': { cursor: 'grabbing' } }}