diff --git a/templates/internal.html b/templates/internal.html
index 241e382..171b105 100644
--- a/templates/internal.html
+++ b/templates/internal.html
@@ -7,6 +7,9 @@
         };
         $.post("/playsound", data, function(data, success) {});
     }
+    $(document).ready(function(){
+        $('[data-toggle="popover"]').popover();
+    });
 </script>
 <a href="/logout">Logout</a><br/>
 {{ end }}
diff --git a/templates/item.html b/templates/item.html
index 0f9fe9f..f7821e7 100644
--- a/templates/item.html
+++ b/templates/item.html
@@ -1 +1 @@
-<div class="col-sm-3 text-center"><div class="sounditem" style="background-image: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)), url(/static/img/{{ .Itemprefix }}.jpg); background-size: 100%;"><a href="#" data-toggle="tooltip" title="{{ .Itemtext }}">{{ .Itemcommand }} {{ .Itemsoundname }}</a><br/>{{ .Itemshorttext }}<br/><a class="btn btn-default" href="javascript:playSound('{{ .Itemcommand }}', '{{ .Itemsoundname }}')" role="button">Play!</a></div></div>
+<div class="col-sm-3 text-center"><div class="sounditem" style="background-image: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)), url(/static/img/{{ .Itemprefix }}.jpg); background-size: 100%;"><div data-toggle="popover" data-placement="top" data-content="{{ .Itemtext }}">{{ .Itemcommand }} {{ .Itemsoundname }}<br/>{{ .Itemshorttext }}<br/><a class="btn btn-default" href="javascript:playSound('{{ .Itemcommand }}', '{{ .Itemsoundname }}')" role="button">Play!</a></div></div></div>