From fd39417db5eb0a4f5d20547bea0bead3e38a9aef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Tue, 29 Nov 2022 11:02:47 +0100
Subject: [PATCH] VizPanel: Fixes sizing issues (#59456)

---
 .../features/scenes/components/VizPanel/VizPanelRenderer.tsx    | 2 +-
 .../app/features/scenes/components/layout/SceneFlexLayout.tsx   | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/public/app/features/scenes/components/VizPanel/VizPanelRenderer.tsx b/public/app/features/scenes/components/VizPanel/VizPanelRenderer.tsx
index a120f3fda44..a71e2aee51a 100644
--- a/public/app/features/scenes/components/VizPanel/VizPanelRenderer.tsx
+++ b/public/app/features/scenes/components/VizPanel/VizPanelRenderer.tsx
@@ -50,7 +50,7 @@ export function VizPanelRenderer({ model }: SceneComponentProps<VizPanel>) {
   }
 
   return (
-    <div ref={ref as RefCallback<HTMLDivElement>} style={{ width: '100%', height: '100%' }}>
+    <div ref={ref as RefCallback<HTMLDivElement>} style={{ position: 'absolute', width: '100%', height: '100%' }}>
       <PanelChrome
         title={titleInterpolated}
         width={width}
diff --git a/public/app/features/scenes/components/layout/SceneFlexLayout.tsx b/public/app/features/scenes/components/layout/SceneFlexLayout.tsx
index ac70f48f713..68324bbc267 100644
--- a/public/app/features/scenes/components/layout/SceneFlexLayout.tsx
+++ b/public/app/features/scenes/components/layout/SceneFlexLayout.tsx
@@ -60,6 +60,7 @@ function getItemStyles(direction: FlexLayoutDirection, sizing: SceneObjectSize =
     flexDirection: direction,
     minWidth: sizing.minWidth,
     minHeight: sizing.minHeight,
+    position: 'relative',
   };
 
   if (direction === 'column') {