diff --git a/CHANGELOG.md b/CHANGELOG.md
index ac8bcd585e4..0312ab8f579 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -17,6 +17,7 @@ Inspired from [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 - [Saved Object Service] Add Repository Factory Provider ([#4149](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/4149))
 - Enable plugins to augment visualizations with additional data and context ([#4361](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/4361))
 - New management overview page and rename stack management to dashboard management ([#4287](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/4287))
+- [Vis Augmenter] Update base vis height in view events flyout ([#4535](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/4535))
 
 
 ### 🐛 Bug Fixes
diff --git a/src/plugins/vis_augmenter/public/view_events_flyout/components/styles.scss b/src/plugins/vis_augmenter/public/view_events_flyout/components/styles.scss
index 6358f6b51f3..75cb154d195 100644
--- a/src/plugins/vis_augmenter/public/view_events_flyout/components/styles.scss
+++ b/src/plugins/vis_augmenter/public/view_events_flyout/components/styles.scss
@@ -1,6 +1,6 @@
 $vis-description-width: 200px;
 $event-vis-height: 55px;
-$timeline-panel-height: 100px;
+$timeline-panel-height: 90px;
 $content-padding-top: 110px; // Padding needed within view events flyout content to sit comfortably below flyout header
 $date-range-height: 45px; // Static height we want for the date range picker component
 $error-icon-padding-right: -8px; // This is so the error icon is aligned consistent with the event count icons
diff --git a/src/plugins/vis_augmenter/public/view_events_flyout/components/view_events_flyout.tsx b/src/plugins/vis_augmenter/public/view_events_flyout/components/view_events_flyout.tsx
index 6cd688e78c8..6205f4a7dd4 100644
--- a/src/plugins/vis_augmenter/public/view_events_flyout/components/view_events_flyout.tsx
+++ b/src/plugins/vis_augmenter/public/view_events_flyout/components/view_events_flyout.tsx
@@ -128,10 +128,14 @@ export function ViewEventsFlyout(props: Props) {
               >
                 <DateRangeItem timeRange={timeRange as TimeRange} reload={reload} />
               </EuiFlexItem>
-              <EuiFlexItem className="view-events-flyout__contentPanel" grow={5}>
+              <EuiFlexItem
+                className="view-events-flyout__contentPanel"
+                grow={7}
+                style={{ maxHeight: '40vh' }}
+              >
                 <BaseVisItem embeddable={visEmbeddable as VisualizeEmbeddable} />
               </EuiFlexItem>
-              <EuiFlexItem className="view-events-flyout__contentPanel show-y-scroll" grow={5}>
+              <EuiFlexItem className="view-events-flyout__contentPanel show-y-scroll" grow={3}>
                 <EventsPanel
                   eventVisEmbeddablesMap={eventVisEmbeddablesMap as EventVisEmbeddablesMap}
                 />