fix broken dropzone placeholder

web/src/components/ui/charts/BusterChartLegend/LegendDot.tsx

@@ -11,8 +11,8 @@ const itemVariants = cva(
   {
     variants: {
       size: {
-        sm: 'w-[8px] h-[12px]',
+        sm: 'w-2 h-3',
-        default: 'w-[18px] h-[12px]'
+        default: 'w-4.5 h-3'
       }
     }
   }
@@ -25,9 +25,9 @@ const dotVariants = cva('bg-border transition-colors duration-100', {
       default: ''
     },
     type: {
-      bar: 'w-[18px] h-[12px] rounded-sm',
+      bar: 'w-4.5 h-3 rounded-sm',
-      line: 'w-[18px] h-[4px] rounded-sm',
+      line: 'w-4.5 h-1 rounded-sm',
-      scatter: 'w-[12px] h-[12px] rounded-full'
+      scatter: 'w-3 h-3 rounded-full'
     }
   },
 
@@ -35,17 +35,17 @@ const dotVariants = cva('bg-border transition-colors duration-100', {
     {
       size: 'sm',
       type: 'bar',
-      className: 'w-[8px] h-[8px] rounded-[1.5px]'
+      className: 'w-2 h-2 rounded-[1.5px]'
     },
     {
       size: 'sm',
       type: 'line',
-      className: 'w-[8px] h-[2px] rounded-1.5px'
+      className: 'w-2 h-0.5 rounded-1.5px'
     },
     {
       size: 'sm',
       type: 'scatter',
-      className: 'w-[8px] h-[8px]'
+      className: 'w-2 h-2'
     }
   ]
 });

web/src/components/ui/grid/BusterResizeColumns.tsx

@@ -211,10 +211,9 @@ const DropzonePlaceholder: React.FC<{
   return (
     <div
       className={cn(
-        'pointer-events-none absolute top-0 bottom-0 h-full w-[4px] rounded-lg transition-opacity duration-200',
+        'bg-nav-item-hover pointer-events-none absolute top-0 bottom-0 z-[1] h-full w-1 rounded-lg transition-opacity duration-200',
-        'bg-nav-item-hover z-[1]',
         isDropzoneActives && 'placeholder',
-        active && 'bg-primary! opacity-100'
+        active && 'bg-primary! z-10 opacity-100'
       )}
       style={memoizedStyle}
     />
@@ -231,7 +230,7 @@ const ColumnSash: React.FC<{
   return (
     <div
       className={cn(
-        'grid-column-sash h-full w-[4px] rounded-lg',
+        'grid-column-sash h-full w-1 rounded-lg',
         'z-10 transition-colors duration-200 ease-in-out',
         allowEdit ? 'hover:bg-border' : 'hidden',
         active ? 'bg-border' : '',

web/src/components/ui/grid/BusterResizeRows.tsx

@@ -167,7 +167,7 @@ const ResizeRowHandle: React.FC<{
           className={cn(
             !readOnly && 'hover:bg-border cursor-row-resize',
             showActive && 'bg-primary! z-10 opacity-100',
-            'h-[4px] w-full rounded-sm transition-colors duration-200 ease-in-out select-none',
+            'h-1 w-full rounded-sm transition-colors duration-200 ease-in-out select-none',
             !top && 'dragger absolute'
           )}
           style={memoizedStyle}

web/src/components/ui/popover/PopoverBase.tsx

@@ -32,7 +32,7 @@ const PopoverRoot: React.FC<PopoverProps> = ({ children, trigger = 'click', ...p
   const content =
     trigger === 'hover' ? (
       <div className="relative" onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>
-        <div className="absolute -inset-[4px]" />
+        <div className="absolute -inset-1" />
         <div className="relative z-10">{children}</div>
       </div>
     ) : (