From 6ec6b0f360f1bec1b6fa2cb7c51741322b3b1905 Mon Sep 17 00:00:00 2001
From: Masashi Katsumata <wf9a5m75@gmail.com>
Date: Thu, 22 Oct 2026 18:53:57 -0700
Subject: [PATCH] Size the info bubble by the icon's real extent

---
 src/HereMapView2D.web.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/HereMapView2D.web.tsx b/src/HereMapView2D.web.tsx
index a63c0a1..e13932f 100644
--- a/src/HereMapView2D.web.tsx
+++ b/src/HereMapView2D.web.tsx
@@ -34,6 +34,7 @@ import {
   type MarkerTilingOptions,
   type OverlayCollector,
   mapViewStateInternal,
+  markerIconExtentPx,
 } from '@mapconductor/js-sdk-core';
 import { HereProvider, type HereConfig } from './HereProvider';
 import type { HereViewStateInterface } from './HereViewState';
@@ -465,12 +466,12 @@ export function HereMapView2D({
               const pos = entry.positionProvider();
               const screenOffset = holder.toScreenOffset(pos);
               const icon = entry.icon;
-              const iconPixelSize = icon ? icon.iconSize * icon.scale : 0;
+              const iconPixelSize = markerIconExtentPx(icon);
               return (
                 <InfoBubbleOverlay
                   key={entry.id}
                   positionOffset={screenOffset}
-                  iconSize={{ width: iconPixelSize, height: iconPixelSize }}
+                  iconSize={iconPixelSize}
                   iconOffset={icon ? icon.anchor : { x: 0.5, y: 0.5 }}
                   infoAnchorOffset={icon ? icon.infoAnchor : { x: 0.5, y: 0.5 }}
                   tailOffset={entry.tailOffset}