Add offset to custom positioning. Reusing existing prop

packages/bbui/src/Actions/position_dropdown.js

@@ -35,7 +35,10 @@ export default function positionDropdown(element, opts) {
     }
 
     if (typeof customUpdate === "function") {
-      styles = customUpdate(anchorBounds, elementBounds, styles)
+      styles = customUpdate(anchorBounds, elementBounds, {
+        ...styles,
+        offset: opts.offset,
+      })
     } else {
       // Determine vertical styles
       if (align === "right-outside") {

packages/builder/src/components/design/settings/controls/EditComponentPopover/EditComponentPopover.svelte

@@ -86,6 +86,7 @@
   showPopover={drawers.length === 0}
   clickOutsideOverride={drawers.length > 0}
   maxHeight={600}
+  offset={18}
   handlePostionUpdate={customPositionHandler}
 >
   <span class="popover-wrap">

packages/builder/src/components/design/settings/controls/EditComponentPopover/index.js

@@ -1,8 +1,8 @@
 export const customPositionHandler = (anchorBounds, eleBounds, cfg) => {
-  let { left, top } = cfg
+  let { left, top, offset } = cfg
   let percentageOffset = 30
   // left-outside
-  left = anchorBounds.left - eleBounds.width - 18
+  left = anchorBounds.left - eleBounds.width - (offset || 5)
 
   // shift up from the anchor, if space allows
   let offsetPos = Math.floor(eleBounds.height / 100) * percentageOffset

packages/builder/src/components/portal/onboarding/TourPopover.svelte

@@ -95,7 +95,7 @@
       anchor={popoverAnchor}
       maxWidth={300}
       dismissible={false}
-      offset={15}
+      offset={12}
       handlePostionUpdate={tourStep?.positionHandler}
       customZindex={3}
     >