diff --git a/src/sql/workbench/contrib/queryHistory/browser/media/queryHistoryPanel.css b/src/sql/workbench/contrib/queryHistory/browser/media/queryHistoryPanel.css
index ce47ed9624..bd7ed01aed 100644
--- a/src/sql/workbench/contrib/queryHistory/browser/media/queryHistoryPanel.css
+++ b/src/sql/workbench/contrib/queryHistory/browser/media/queryHistoryPanel.css
@@ -3,31 +3,31 @@
  *  Licensed under the Source EULA. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
-#workbench\.panel\.queryHistory > .no-queries-message {
+#workbench\.panel\.queryHistory .no-queries-message {
 	padding: 10px 22px 0 22px;
 }
 
-#workbench\.panel\.queryHistory > .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .query-history-item {
+#workbench\.panel\.queryHistory .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .query-history-item {
 	line-height:22px;
 	display:flex;
 }
 
 /* query history label and description */
-#workbench\.panel\.queryHistory > .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .query-history-item > .label {
+#workbench\.panel\.queryHistory .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .query-history-item > .label {
 	text-overflow: ellipsis;
 	overflow: hidden;
 	font-weight: bold;
 }
 
 /* style for server name | database name */
-#workbench\.panel\.queryHistory > .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .query-history-item > .connection-info {
+#workbench\.panel\.queryHistory .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .query-history-item > .connection-info {
 	text-overflow: ellipsis;
 	overflow: hidden;
 	padding-left: 12px
 }
 
 /* style for timing */
-#workbench\.panel\.queryHistory > .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .query-history-item > .time {
+#workbench\.panel\.queryHistory .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .query-history-item > .time {
 	padding-left: 12px;
 	opacity: .6;
 	text-overflow: ellipsis;
@@ -35,7 +35,7 @@
 }
 
 /* query history icon status */
-#workbench\.panel\.queryHistory > .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .query-history-item > .query-history-icon {
+#workbench\.panel\.queryHistory .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .query-history-item > .query-history-icon {
 	background-size: 16px;
 	background-position: left center;
 	background-repeat: no-repeat;
@@ -46,11 +46,11 @@
 }
 
 
-#workbench\.panel\.queryHistory > .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .query-history-item > .query-history-icon.success {
+#workbench\.panel\.queryHistory .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .query-history-item > .query-history-icon.success {
 	background-image: url("status_success.svg");
 }
 
-#workbench\.panel\.queryHistory > .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .query-history-item > .query-history-icon.error {
+#workbench\.panel\.queryHistory .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .query-history-item > .query-history-icon.error {
 	background-image: url("status_error.svg");
 }
 
diff --git a/src/sql/workbench/contrib/queryHistory/browser/queryHistoryRenderer.ts b/src/sql/workbench/contrib/queryHistory/browser/queryHistoryRenderer.ts
index 2c2e63f6ea..929fe62a83 100644
--- a/src/sql/workbench/contrib/queryHistory/browser/queryHistoryRenderer.ts
+++ b/src/sql/workbench/contrib/queryHistory/browser/queryHistoryRenderer.ts
@@ -3,6 +3,7 @@
  *  Licensed under the Source EULA. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
+import 'vs/css!./media/queryHistoryPanel';
 import { ITree, IRenderer } from 'vs/base/parts/tree/browser/tree';
 import { QueryStatus } from 'sql/workbench/services/queryHistory/common/queryHistoryInfo';
 import * as dom from 'vs/base/browser/dom';