diff --git a/packages/layout_editor/src/components/SurfaceMenu/SurfaceItem.jsx b/packages/layout_editor/src/components/SurfaceMenu/SurfaceItem.jsx
index 4a4f47f231..caeb77ec37 100644
--- a/packages/layout_editor/src/components/SurfaceMenu/SurfaceItem.jsx
+++ b/packages/layout_editor/src/components/SurfaceMenu/SurfaceItem.jsx
@@ -18,7 +18,7 @@ const SurfaceItem = ({
   onRemove,
   type,
   cursor = 'grab',
-  tooltipPosition = 'bottom',
+  tooltipPosition = 'top',
   size,
 }) => {
   const { attributes, listeners, setNodeRef, transform, isDragging } =
diff --git a/packages/react/src/views/SurfaceMenu/SurfaceItem.js b/packages/react/src/views/SurfaceMenu/SurfaceItem.js
index 9674ead1cf..f9f061b8b8 100644
--- a/packages/react/src/views/SurfaceMenu/SurfaceItem.js
+++ b/packages/react/src/views/SurfaceMenu/SurfaceItem.js
@@ -2,7 +2,7 @@ import React from 'react';
 import { Tooltip, ActionButton } from '@embeddedchat/ui-elements';
 
 const SurfaceItem = ({ item, size }) => (
-  <Tooltip text={item.label} position="bottom" key={item.id}>
+  <Tooltip text={item.label} position="top" key={item.id}>
     <ActionButton
       square
       ghost