From 3eab267da61fa626f2d0f93a4b862f7ddfea819e Mon Sep 17 00:00:00 2001
From: Kim Santiago <31145923+kisantia@users.noreply.github.com>
Date: Fri, 10 Apr 2020 13:39:27 -0700
Subject: [PATCH] fix bottom of widgets being cutoff (#9930)

---
 .../browser/contents/dashboardWidgetWrapper.component.ts         | 1 +
 .../dashboard/browser/contents/dashboardWidgetWrapper.css        | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/sql/workbench/contrib/dashboard/browser/contents/dashboardWidgetWrapper.component.ts b/src/sql/workbench/contrib/dashboard/browser/contents/dashboardWidgetWrapper.component.ts
index e6d77c56a4..14f4d0dac8 100644
--- a/src/sql/workbench/contrib/dashboard/browser/contents/dashboardWidgetWrapper.component.ts
+++ b/src/sql/workbench/contrib/dashboard/browser/contents/dashboardWidgetWrapper.component.ts
@@ -129,6 +129,7 @@ export class DashboardWidgetWrapper extends AngularDisposable implements OnInit
 				this._collapseAction = this.instantiationService.createInstance(CollapseWidgetAction, this._bootstrap.getUnderlyingUri(), this.guid, this.collapsed);
 				if (this.bottomCollapse) {
 					this._bottomActionbar.push(this._collapseAction, { icon: true, label: false });
+					this._bottomActionbarRef.nativeElement.style.display = 'block';
 				} else {
 					this._actionbar.push(this._collapseAction, { icon: true, label: false });
 				}
diff --git a/src/sql/workbench/contrib/dashboard/browser/contents/dashboardWidgetWrapper.css b/src/sql/workbench/contrib/dashboard/browser/contents/dashboardWidgetWrapper.css
index d5081ce968..e9afec67ff 100644
--- a/src/sql/workbench/contrib/dashboard/browser/contents/dashboardWidgetWrapper.css
+++ b/src/sql/workbench/contrib/dashboard/browser/contents/dashboardWidgetWrapper.css
@@ -48,4 +48,5 @@ dashboard-widget-wrapper .bottomActionbar {
 	flex: 0 0 auto;
 	align-self: center;
 	margin-top: -28px;
+	display: none;
 }