From f91df7ad08229f93d5828110440ae44dd4f4f693 Mon Sep 17 00:00:00 2001
From: Clint Andrew Hall <clint.hall@elastic.co>
Date: Thu, 30 Jul 2020 15:33:17 -0400
Subject: [PATCH] [Canvas][tech-debt] Fix SVG not shrinking vertically properly

---
 .../plugins/canvas/canvas_plugin_src/renderers/shape/index.js  | 1 +
 .../canvas/public/components/render_with_fn/render_with_fn.tsx | 3 +--
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/x-pack/plugins/canvas/canvas_plugin_src/renderers/shape/index.js b/x-pack/plugins/canvas/canvas_plugin_src/renderers/shape/index.js
index 02c86afd7182b5..5684c8c4602b5b 100644
--- a/x-pack/plugins/canvas/canvas_plugin_src/renderers/shape/index.js
+++ b/x-pack/plugins/canvas/canvas_plugin_src/renderers/shape/index.js
@@ -75,6 +75,7 @@ export const shape = () => ({
         domNode.removeChild(oldShape);
       }
 
+      domNode.style.lineHeight = 0;
       domNode.appendChild(shapeSvg);
     };
 
diff --git a/x-pack/plugins/canvas/public/components/render_with_fn/render_with_fn.tsx b/x-pack/plugins/canvas/public/components/render_with_fn/render_with_fn.tsx
index 7939c1d04631aa..c5fe7074fea0bf 100644
--- a/x-pack/plugins/canvas/public/components/render_with_fn/render_with_fn.tsx
+++ b/x-pack/plugins/canvas/public/components/render_with_fn/render_with_fn.tsx
@@ -5,7 +5,6 @@
  */
 
 import React, { useState, useEffect, useRef, FC, useCallback } from 'react';
-import { useDebounce } from 'react-use';
 
 import { useNotifyService } from '../../services';
 import { RenderToDom } from '../render_to_dom';
@@ -73,7 +72,7 @@ export const RenderWithFn: FC<Props> = ({
     firstRender.current = true;
   }, [domNode]);
 
-  useDebounce(() => handlers.current.resize({ height, width }), 150, [height, width]);
+  useEffect(() => handlers.current.resize({ height, width }), [height, width]);
 
   useEffect(
     () => () => {