diff --git a/ippisite/ippidb/templates/base.html b/ippisite/ippidb/templates/base.html
index 527c0626f21fbca23127de265d7af98641a40d61..d4d687e68a882ef6fcfdaf8af82613cf9b301440 100644
--- a/ippisite/ippidb/templates/base.html
+++ b/ippisite/ippidb/templates/base.html
@@ -7,6 +7,7 @@
         <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
+        <script defer src="https://use.fontawesome.com/releases/v5.0.4/js/all.js"></script>
         <script type="text/javascript" src="/static/Kekule.js-master/release/kekule.js?modules=chemWidget,openbabel,indigo"></script>
         <script src="/static/js/ippidb.js" type="text/javascript"></script>
         <script type="text/javascript">
diff --git a/ippisite/ippidb/templates/compound_list.html b/ippisite/ippidb/templates/compound_list.html
index 351af226b4d70272f07416a3562229cdfcefcd65..dd499185feacf3bf6b9d173728d2227184f23e60 100644
--- a/ippisite/ippidb/templates/compound_list.html
+++ b/ippisite/ippidb/templates/compound_list.html
@@ -42,31 +42,33 @@
 </div>
 
 <main class="col-12 col-md-9 col-xl-10 pl-md-5 bd-content" role="main">
-    <div class="row m-2 border border- bg-light"><span>{{ count }} compounds</span>
-        {% if selected_ppis or selected_diseases or selected_taxonomies or selected_boundcomplexes %}
-            <span>&nbsp;-&nbsp;filters:&nbsp;</span>
-            {% if selected_ppis %}
-                {% for selected in selected_ppis %}
-                    <span class="badge badge-info" style="font-size: 100%">{{ selected.name }}</span>&nbsp;
-                {% endfor %}
+    <form>
+        <div class="row m-2 border border-bg-light"><span>{{ count }} compounds</span>
+            {% if selected_ppis or selected_diseases or selected_taxonomies or selected_boundcomplexes %}
+                <span>&nbsp;-&nbsp;filters:&nbsp;</span>
+                {% if selected_ppis %}
+                    {% for selected in selected_ppis %}
+                        {% include "selected_badge.html" with selected=selected %}
+                    {% endfor %}
+                {% endif %}
+                {% if selected_diseases %}
+                    {% for selected in selected_diseases %}
+                        {% include "selected_badge.html" with selected=selected %}
+                    {% endfor %}
+                {% endif %}
+                {% if selected_taxonomies %}
+                    {% for selected in selected_taxonomies %}
+                        {% include "selected_badge.html" with selected=selected %}
+                    {% endfor %}
+                {% endif %}
+                {% if selected_boundcomplexes %}
+                    {% for selected in selected_boundcomplexes %}
+                        {% include "selected_badge.html" with selected=selected %}
+                    {% endfor %}
+                {% endif %}
             {% endif %}
-            {% if selected_diseases %}
-                {% for selected in selected_diseases %}
-                    <span class="badge badge-info" style="font-size: 100%">{{ selected.name }}</span>&nbsp;
-                {% endfor %}
-            {% endif %}
-            {% if selected_taxonomies %}
-                {% for selected in selected_taxonomies %}
-                    <span class="badge badge-info" style="font-size: 100%">{{ selected.name }}</span>&nbsp;
-                {% endfor %}
-            {% endif %}
-            {% if selected_boundcomplexes %}
-                {% for selected in selected_boundcomplexes %}
-                    <span class="badge badge-info" style="font-size: 100%">{{ selected.name }}</span>&nbsp;
-                {% endfor %}
-            {% endif %}
-        {% endif %}
-    </div>
+        </div>
+    </form>
 {% if compounds %}
     {% for compound in compounds %}
         {% include "compound_abstract.html" with compound=compound %}
diff --git a/ippisite/ippidb/templates/multiselection_list_menu.html b/ippisite/ippidb/templates/multiselection_list_menu.html
index 7f5f77fa259aa1b5d7bd30d07b849bf53147f4de..6e4cdb2669578a95976f03032214b86b16744e2f 100644
--- a/ippisite/ippidb/templates/multiselection_list_menu.html
+++ b/ippisite/ippidb/templates/multiselection_list_menu.html
@@ -13,7 +13,7 @@
     {% for element in selected_list  %}
     <div class="form-check col-12">
       <label class="form-check-label">
-        <input class="form-check-input text-right" type="checkbox" checked value="{{ element.id }}" onchange="this.form.submit()" name="{{ param_name }}" style="width: auto; margin-right: 1em;">
+        <input id="selected-{{ element.id }}" class="form-check-input text-right" type="checkbox" checked value="{{ element.id }}" onchange="this.form.submit()" name="{{ param_name }}" style="width: auto; margin-right: 1em;">
         {{ element.name }}
       </label>
     </div>
diff --git a/ippisite/ippidb/templates/selected_badge.html b/ippisite/ippidb/templates/selected_badge.html
new file mode 100644
index 0000000000000000000000000000000000000000..d5a69cace79b1412a8f4f881f202c1f5456b6d05
--- /dev/null
+++ b/ippisite/ippidb/templates/selected_badge.html
@@ -0,0 +1,3 @@
+<span class="badge badge-info" style="font-size: 100%">{{ selected.name }}
+    <a href="#" style="color: white;" onclick="$('#selected-{{ selected.id}}')[0].click();"><i class="remove fa fa-times-circle"></i></a>
+</span>&nbsp;