diff --git a/src/sql/parts/query/editor/media/queryEditor.css b/src/sql/parts/query/editor/media/queryEditor.css
index bb492783f6..2a6587e565 100644
--- a/src/sql/parts/query/editor/media/queryEditor.css
+++ b/src/sql/parts/query/editor/media/queryEditor.css
@@ -21,4 +21,9 @@
 
 .editDataEditor {
 	height: inherit
+}
+
+#chartViewerDiv .chartViewer {
+	display: flex;
+	flex-direction: column;
 }
\ No newline at end of file
diff --git a/src/sql/parts/query/views/queryOutput.component.html b/src/sql/parts/query/views/queryOutput.component.html
index 46c0e855a7..32bc9f62f3 100644
--- a/src/sql/parts/query/views/queryOutput.component.html
+++ b/src/sql/parts/query/views/queryOutput.component.html
@@ -33,7 +33,7 @@
 	<tab *ngIf="showChartView" [visibilityType]="'visibility'" [title]="chartViewerTitle" [identifier]="chartViewerTabIdentifier">
 		<ng-template>
 			<div id="chartViewerDiv" class="headersVisible fullsize" >
-				<chart-viewer [dataSet]="activeDataSet" class="fullsize" style="display: block">
+				<chart-viewer [dataSet]="activeDataSet" class="fullsize chartViewer">
 				</chart-viewer>
 			</div>
 		</ng-template>