diff --git a/src/LeafletMapView.tsx b/src/LeafletMapView.tsx
index aa6453a..97819fd 100644
--- a/src/LeafletMapView.tsx
+++ b/src/LeafletMapView.tsx
@@ -25,6 +25,7 @@ import {
   type MarkerAnimationOverlayEntry,
   type OverlayCollector,
   mapViewStateInternal,
+  markerIconExtentPx,
 } from '@mapconductor/js-sdk-core';
 import type { MapOptions } from 'leaflet';
 import { LeafletProvider, type LeafletConfig } from './LeafletProvider';
@@ -386,12 +387,12 @@ export function LeafletMapView({
             {bubbleEntries.map(entry => {
               const positionOffset = typedControllerRef.current!.holder.toOuterScreenOffset(entry.positionProvider());
               const icon = entry.icon;
-              const iconPixelSize = icon ? icon.iconSize * icon.scale : 0;
+              const iconPixelSize = markerIconExtentPx(icon);
               return (
                 <InfoBubbleOverlay
                   key={entry.id}
                   positionOffset={positionOffset}
-                  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}