I'm trying to achieve drag-and-drop functionality by placing an element over another element using React library react-beautiful-dnd. I'm picking an alphabet and trying to place it on the empty box:

But I'm not able to place the alphabet on the empty block. When I'm trying it displaces the blocks in order to create an empty space. Can we somehow fix these blocks so that they can not move?