Issue #3472483: Adjust title position when dragging a component

ui/src/components/list/List.module.css

@@ -4,6 +4,7 @@
 }
 
 .listItem {
+  padding: 0 7px 0 16px;
   cursor: grab;
   font-size: 14px;
 }
@@ -31,4 +32,5 @@
 
 .ComponentPreviewTrigger {
   width: 100%;
+  padding: 14px 0;
 }

ui/src/components/list/ListItem.tsx

@@ -205,7 +205,7 @@ const ListItem: React.FC<{
       onMouseEnter={() => handleMouseEnter(item)}
     >
       <Tooltip.Provider>
-        <Tooltip.Root>
+        <Tooltip.Root delayDuration={0}>
           <Tooltip.Trigger
             asChild
             className={clsx(