fixed toolbar animation

src/components/cards.js

@@ -29,7 +29,7 @@ export function SidebarWidgetCard({ name, img, url, license, widgetClass, innerR
             <DraggableWrapper data-container={"sidebar"} 
                                 dragElementType={widgetClass.widgetType} 
                                 dragWidgetClass={widgetClass}
-                                className="tw-cursor-pointer tw-w-fit tw-h-fit">
+                                className="tw-cursor-pointer tw-w-fit tw-bg-white tw-h-fit">
                 
                 <div ref={innerRef} className="tw-select-none  tw-h-[200px] tw-w-[230px] tw-flex tw-flex-col 
                                                 tw-rounded-md tw-overflow-hidden 

src/components/draggable/droppable.js

@@ -18,6 +18,8 @@ const DroppableWrapper = memo(({onDrop, droppableTags={}, ...props}) => {
 
     const handleDragEnter = (e) => {
         
+        console.log("Drag enter")
+
         if (!draggedElement || !draggedElement.getAttribute("data-drag-start-within")){
             // if the drag is starting from outside (eg: file drop) or if drag doesn't exist
             return

src/components/modals.js

@@ -18,7 +18,9 @@ export const ButtonModal = ({ message, title, okText="OK", onOk, onCancel, okBut
         setIsModalOpen(true)
     }
 
-    const handleOk = () => {
+    const handleOk = (e) => {
+        e.stopPropagation()
+
         setIsModalOpen(false)
         if (onOk){
             onOk()