u

src/components/tiles/CategoryTile.jsx

@@ -21,7 +21,7 @@ function TopBand() {
         top: 0,
         left: 0,
         right: 0,
-        height: '16.66%',
+        height: '33.33%',
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'space-between',
@@ -30,19 +30,19 @@ function TopBand() {
     >
       <IconButton
         className="sortable-handle"
-        size="small"
         aria-label="Verschieben"
+        disableRipple
         sx={{ cursor: 'grab', '&:active': { cursor: 'grabbing' } }}
       >
-        <DragHandleIcon sx={{ fontSize: 18 }} />
+        <DragHandleIcon sx={{ fontSize: 36 }} />
       </IconButton>
       <IconButton
         className="droppable-handle"
-        size="small"
         aria-label="In Unterkategorie ablegen"
+        disableRipple
         sx={{ cursor: 'grab', '&:active': { cursor: 'grabbing' } }}
       >
-        <AccountTreeIcon sx={{ fontSize: 18 }} />
+        <AccountTreeIcon sx={{ fontSize: 36 }} />
       </IconButton>
     </Box>
   );

src/index.css

@@ -39,6 +39,11 @@ body.tree-dragging {
   cursor: grabbing;
 }
 
+body.tree-dragging,
+body.tree-dragging * {
+  cursor: grabbing !important;
+}
+
 body.tree-dragging button,
 body.tree-dragging input,
 body.tree-dragging textarea,