diff --git a/app/templates/base.html b/app/templates/base.html
index 86fa7e1..1578ef3 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -96,6 +96,7 @@
         integrity="sha256-4F7e4JsAJyLUdpP7Q8Sah866jCOhv72zU5E8lIRER4w=" crossorigin="anonymous">
     </script>
     <script src="https://unpkg.com/bootstrap-table@1.15.3/dist/bootstrap-table.min.js"></script>
+    <script src="https://unpkg.com/bootstrap-table@1.15.3/dist/extensions/auto-refresh/bootstrap-table-auto-refresh.min.js"></script>
     <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
     {% block extrajs %}{% endblock %}
     <script>
diff --git a/app/templates/main.html b/app/templates/main.html
index cfe8153..16da2d0 100644
--- a/app/templates/main.html
+++ b/app/templates/main.html
@@ -8,12 +8,15 @@
         data-toggle="table"
         data-url="/api/queue"
         data-pagination="true"
-        data-classes="table">
+        data-classes="table"
+        data-show-refresh="false"
+        data-auto-refresh="true"
+        data-auto-refresh-interval="10">
     <thead>
         <tr>
-            <th scope="col" data-field="Name">Name</th>
-            <th scope="col" data-field="Title">Song</th>
-            <th scope="col" data-field="Artist">Künstler</th>
+            <th data-field="Name">Name</th>
+            <th data-field="Title">Song</th>
+            <th data-field="Artist">Künstler</th>
         </tr>
     </thead>
 </table>