From 6cdc75f3ff37c93a9cc642ce00cf5888be4bde74 Mon Sep 17 00:00:00 2001
From: pratheek555 <pratheekravikumar55@gmail.com>
Date: Mon, 19 Jan 2026 13:52:20 +0000
Subject: [PATCH] Intial logic for tooltip label position

---
 .../layout_editor/src/components/SurfaceMenu/SurfaceItem.jsx    | 2 +-
 packages/react/src/views/SurfaceMenu/SurfaceItem.js             | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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