diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/waffle/map.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/waffle/map.tsx
index 6621b110a6df..8023e3bf7da6 100644
--- a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/waffle/map.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/waffle/map.tsx
@@ -45,8 +45,8 @@ export const Map: React.FC<Props> = ({
   const sortedNodes = sortNodes(options.sort, nodes);
   const map = nodesToWaffleMap(sortedNodes);
   return (
-    <AutoSizer content>
-      {({ measureRef, content: { width = 0, height = 0 } }) => {
+    <AutoSizer bounds>
+      {({ measureRef, bounds: { width = 0, height = 0 } }) => {
         const groupsWithLayout = applyWaffleMapLayout(map, width, height);
         return (
           <WaffleMapOuterContainer