diff --git a/src/sql/workbench/contrib/dashboard/browser/contents/dashboardWidgetWrapper.component.html b/src/sql/workbench/contrib/dashboard/browser/contents/dashboardWidgetWrapper.component.html
index 97a10d1655..3cbb7c8685 100644
--- a/src/sql/workbench/contrib/dashboard/browser/contents/dashboardWidgetWrapper.component.html
+++ b/src/sql/workbench/contrib/dashboard/browser/contents/dashboardWidgetWrapper.component.html
@@ -7,10 +7,10 @@
 <div style="display: flex; flex-flow: column; overflow: hidden; height: 100%; width: 100%">
 
 	<div #header>
-		<div style="display: flex; flex: 0 0; padding: 3px 0 3px 0; flex-direction: row-reverse; justify-content: space-between">
-			<span #actionbar style="flex: 0 0 auto; align-self: end"></span>
-			<span *ngIf="_config.name" style="margin-left: 5px">{{_config.name}}</span>
+		<div style="display: flex; flex: 0 0; padding: 3px 0 3px 0;flex: 0 0;">
 			<span *ngIf="_config.icon" [ngClass]="['icon', _config.icon]" style="display: inline-block; padding: 10px; margin-left: 5px"></span>
+			<span *ngIf="_config.name" style="margin-left: 5px;flex:1 1;">{{_config.name}}</span>
+			<span #actionbar style="flex: 0 0 auto; align-self: end"></span>
 		</div>
 	</div>
 	<ng-template [ngIf]="!collapsed">