app/src/components/ui/componets/DraggableWidget.tsx

@@ -94,6 +94,7 @@ export const DraggableWidget = ({
       "floating",
       "sidebar-right-wrapper",
       "card",
+      "dropdown-menu",
     ],
     setMenuVisible: () => setSelectedChartId(null),
   });

app/src/components/ui/componets/DroppedFloatingWidgets.tsx

@@ -49,6 +49,7 @@ const DroppedObjects: React.FC = () => {
   const { visualizationSocket } = useSocketStore();
   const { isPlaying } = usePlayButtonStore();
   const zones = useDroppedObjectsStore((state) => state.zones);
+  console.log('zones: ', zones);
   const [openKebabId, setOpenKebabId] = useState<string | null>(null);
   const updateObjectPosition = useDroppedObjectsStore(
     (state) => state.updateObjectPosition
@@ -70,6 +71,7 @@ const DroppedObjects: React.FC = () => {
     vertical: "top" | "bottom";
     horizontal: "left" | "right";
   } | null>(null); // State to track active edges for distance lines
+
   const [currentPosition, setCurrentPosition] = useState<{
     top: number | "auto";
     left: number | "auto";

app/src/components/ui/componets/Panel.tsx

@@ -164,8 +164,8 @@ const Panel: React.FC<PanelProps> = ({
 
   // Calculate panel capacity
   const calculatePanelCapacity = (panel: Side) => {
-    const CHART_WIDTH = panelSize;
-    const CHART_HEIGHT = panelSize;
+    const CHART_WIDTH = panelSize - 10;
+    const CHART_HEIGHT = panelSize - 10;
 
     const dimensions = panelDimensions[panel];
     if (!dimensions) {