From 6272f4e0fdb0986f2e28e407cae0aa4a2cbafc2e Mon Sep 17 00:00:00 2001
From: Zacqary Adam Xeper <Zacqary@users.noreply.github.com>
Date: Wed, 28 Oct 2020 13:03:36 -0500
Subject: [PATCH] [Metrics UI] Fix a Chrome bug with Inventory View flickering
 at certain sizes (#81514)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
---
 .../pages/metrics/inventory_view/components/waffle/map.tsx    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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