[Canvas][tech-debt] Fix SVG not shrinking vertically properly (#73867)

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>

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);
     };
 

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(
     () => () => {