diff --git a/packages/grafana-flamegraph/src/FlameGraphContainer.tsx b/packages/grafana-flamegraph/src/FlameGraphContainer.tsx
index f3cb020cdd3..eaa191c2c8c 100644
--- a/packages/grafana-flamegraph/src/FlameGraphContainer.tsx
+++ b/packages/grafana-flamegraph/src/FlameGraphContainer.tsx
@@ -175,7 +175,7 @@ const FlameGraphContainer = ({
             <FlameGraphTopTableContainer
               data={dataContainer}
               onSymbolClick={onSymbolClick}
-              height={selectedView === SelectedView.TopTable ? 600 : undefined}
+              height={selectedView === SelectedView.TopTable || vertical ? 600 : undefined}
               search={search}
               sandwichItem={sandwichItem}
               onSandwich={setSandwichItem}
@@ -230,7 +230,7 @@ function getStyles(theme: GrafanaTheme2, vertical?: boolean) {
     container: css({
       label: 'container',
       height: '100%',
-      display: 'flex',
+      display: vertical ? 'block' : 'flex',
       flex: '1 1 0',
       flexDirection: 'column',
       minHeight: 0,
@@ -241,6 +241,7 @@ function getStyles(theme: GrafanaTheme2, vertical?: boolean) {
       display: 'flex',
       flexGrow: 1,
       minHeight: 0,
+      height: vertical ? undefined : '100vh',
       flexDirection: vertical ? 'column-reverse' : 'row',
       columnGap: theme.spacing(1),
     }),