Click again to remove top facets. With styling.

themes/bootstrap3/less/bootstrap.less

@@ -265,6 +265,15 @@ label.list-group-item {border-radius:0;font-weight:normal;margin-top:0;padding-l
 .sidebar .facet a {
   text-decoration: none;
 }
+.top-row .applied {
+  font-weight:bold;
+  &:hover {
+    color:@state-danger-text;
+    .fa.fa-check:before {
+      content:"\f00d";
+    }
+  }
+}
 
 /* --- Slider accessibility --- */
 .slider-container {

themes/bootstrap3/templates/Recommend/TopFacets.phtml

@@ -19,8 +19,15 @@
       <? endif; ?>
       <? /* Columns */ ?>
       <span class="col-sm-<?=floor(12/$topFacetSettings['cols'])?><? if ($iter == $corner+1) echo $moreClass ?>">
-        <? if ($thisFacet['isApplied']): ?>
-          <?=$this->escapeHtml($thisFacet['displayText'])?> <i class="fa fa-check"></i>
+        <? if ($thisFacet['isApplied']):
+          if (isset($thisFacet['specialType']) && $thisFacet['specialType'] == 'keyword') {
+            $removeLink = $this->currentPath().$results->getUrlQuery()->replaceTerm($thisFacet['value'], '');
+          } else {
+            $removeLink = $this->currentPath().$results->getUrlQuery()->removeFacet($title, $thisFacet['value'], true, $thisFacet['operator']);
+          } ?>
+          <a href="<?=$removeLink ?>" class="applied">
+            <?=$this->escapeHtml($thisFacet['displayText'])?> <i class="fa fa-check"></i>
+          </a>
         <? else: ?>
           <a href="<?=$this->currentPath().$this->recommend->getResults()->getUrlQuery()->addFacet($title, $thisFacet['value'], $thisFacet['operator'])?>"><?=$this->escapeHtml($thisFacet['displayText'])?></a> <span class="badge"><?=$this->localizedNumber($thisFacet['count']) ?>
           <? if ($allowExclude): ?>