diff --git a/src/Explorer/Tabs/MongoQueryTab.html b/src/Explorer/Tabs/MongoQueryTab.html
deleted file mode 100644
index 4302c986f..000000000
--- a/src/Explorer/Tabs/MongoQueryTab.html
+++ /dev/null
@@ -1,120 +0,0 @@
-<div
-  class="tab-pane"
-  data-bind="
-                            attr:{
-                                id: tabId
-                            }"
-  role="tabpanel"
->
-  <!-- Query Tab Command Bar - Start -->
-  <div class="contentdiv">
-    <div class="tabCommandButton">
-      <!-- Execute Query - Start -->
-      <span
-        class="commandButton"
-        data-bind="
-                                            click: onExecuteQueryClick,
-                                            visible: executeQueryButton.visible() && executeQueryButton.enabled()"
-      >
-        <img class="imgiconwidth" src="/ExecuteQuery.svg" />Run
-      </span>
-      <span
-        class="commandButton tabCommandDisabled"
-        data-bind="
-                                            visible: executeQueryButton.visible() && !executeQueryButton.enabled()"
-      >
-        <img class="imgiconwidth" src="/ExecuteQuery-disabled.svg" />Run
-      </span>
-      <!-- Execute Query - End -->
-    </div>
-  </div>
-  <!-- Query Tab Command Bar - End -->
-
-  <div
-    class="queryEditor"
-    data-bind="
-                                    attr: {
-                                        id: queryEditorId
-                                    },
-                                    css: {
-                                        mongoQueryEditor:$root.isPreferredApiMongoDB()
-                                    }"
-  ></div>
-  <div
-    style="margin-left: 50px; margin-top: -75px"
-    data-bind="
-                                visible: $root.isPreferredApiMongoDB() && sqlQueryEditorContent().length == 0"
-  >
-    Start by writing a Mongo query, for example: <strong>{'id':'foo'}</strong> or <strong>{ }</strong> to get all the
-    documents.
-  </div>
-  <!-- Query Errors Tab - Start-->
-  <div class="active queryErrorsHeaderContainer" data-bind="visible: errors().length > 0">
-    <span
-      class="queryErrors"
-      data-toggle="tab"
-      data-bind="
-                                    attr: {
-                                        href: '#queryerrors' + tabId
-                                    }"
-      >Errors</span
-    >
-  </div>
-  <!-- Query Errors Tab - End -->
-
-  <!-- Query Results & Errors Content Container - Start-->
-  <div class="queryResultErrorContentContainer">
-    <!-- Query Results Content - Start-->
-    <div
-      class="tab-pane active"
-      data-bind="
-                                    id: {
-                                        href: 'queryresults' + tabId
-                                    },
-                                    visible: allResultsMetadata().length > 0 && !errors().length > 0"
-    >
-      <div class="queryResultsValue">
-        <span class="queryResults"> Results: </span> <span data-bind="text: showingDocumentsDisplayText"></span>
-        <span class="queryResultDivider"> | </span> <span> Request Charge: </span>
-        <span data-bind="text: requestChargeDisplayText"></span> <span class="queryResultDivider"> | </span>
-        <span class="queryResultNextEnable" data-bind="visible: fetchNextPageButton.enabled">
-          <a
-            data-bind="
-                        click: onFetchNextPageClick"
-          >
-            <span>Next</span> <img class="queryResultnextImg" src="/Query-Editor-Next.svg" />
-          </a>
-        </span>
-        <span class="queryResultNextDisable" data-bind="visible: !fetchNextPageButton.enabled()">
-          <span>Next</span> <img class="queryResultnextImg" src="/Query-Editor-Next-Disabled.svg" />
-        </span>
-      </div>
-      <div
-        style="height: 600px"
-        data-bind="
-                                            attr: {
-                                                id: resultsEditorId
-                                            }"
-      ></div>
-    </div>
-    <!-- Query Results Content - Start-->
-
-    <!-- Query Errors Content - Start-->
-    <div
-      class="tab-pane active"
-      data-bind="
-                                    id: {
-                                        href: 'queryerrors' + tabId
-                                    },
-                                    visible: errors().length > 0"
-    >
-      <!-- ko foreach: errors -->
-      <div style="margin-left: 17px; font-size: 12px">
-        <span data-bind="text: $data.code"></span> : <span data-bind="text: $data.message"></span>
-      </div>
-      <!-- /ko -->
-    </div>
-    <!-- Query Errors Content - End-->
-  </div>
-  <!-- Results & Errors Content Container - Endt-->
-</div>
diff --git a/src/Explorer/Tabs/MongoQueryTab.ts b/src/Explorer/Tabs/MongoQueryTab.ts
index fcf029759..53ba3271e 100644
--- a/src/Explorer/Tabs/MongoQueryTab.ts
+++ b/src/Explorer/Tabs/MongoQueryTab.ts
@@ -5,10 +5,8 @@ import QueryTab from "./QueryTab";
 import * as HeadersUtility from "../../Common/HeadersUtility";
 import { queryIterator } from "../../Common/MongoProxyClient";
 import { MinimalQueryIterator } from "../../Common/IteratorUtilities";
-import template from "./MongoQueryTab.html";
 
 export default class MongoQueryTab extends QueryTab {
-  public static readonly component = { name: "mongo-query-tab", template };
   public collection: ViewModels.Collection;
 
   constructor(options: ViewModels.QueryTabOptions) {