diff --git a/instance/views/kara.ejs b/instance/views/kara.ejs
new file mode 100644
index 0000000000000000000000000000000000000000..cba6f7214336dca3e1d6864927d3756e05c47eba
--- /dev/null
+++ b/instance/views/kara.ejs
@@ -0,0 +1,9 @@
+<%# vim: ts=4 syntax=html
+    The template for the kara in kara cards %>
+<span hidden class = "karaID"><%= kara.id %></span>
+<span class="karaElement p-2 bd-highlight mr-auto"><%= kara.cat %> - <%= kara.language %> / <b><%= kara.source %></b><br>
+    <%= kara.type %> - <b><%= kara.title %></b> <i>[<%= kara.author %>]</i>
+</span>
+<% if (kara.hasOwnProperty('position')) { %>
+    <span class="karaElement p-3 bd-highlight karaPosition"><b><%= kara.position %></b></span>
+<% } %>
diff --git a/instance/views/karaDBListItem.ejs b/instance/views/karaDBListItem.ejs
index 8f29e2cdbf916faed32013c55416d9ce6e228072..26b27e84f3824a6e4b8c8dcff467409a13a03d3d 100644
--- a/instance/views/karaDBListItem.ejs
+++ b/instance/views/karaDBListItem.ejs
@@ -1,14 +1,7 @@
 <%# vim: ts=4 syntax=html
     The template for the kara card in lists %>
 <li class="card p-2 bd-highlight shadow-none d-flex flex-row bd-highlight mb-3 karaCard" draggable="true">
-    <span hidden class = "karaID"><%= kara.id %></span>
-    <span class="karaElement text-uppercase p-2 bd-highlight badge badge-light"><b><%= kara.language %></b></span>
-    <span class="karaElement text-uppercase p-2 bd-highlight badge badge-light"><b><%= kara.cat      %></b></span>
-    <span class="karaElement text-uppercase p-2 bd-highlight badge badge-light"><b><%= kara.type     %></b></span>
-    <span class="karaElement p-2 bd-highlight mr-auto"><b><%= kara.source %><br> <%= kara.title %></b> <i>[<%= kara.author %>]</i></span>
-    <% if (kara.hasOwnProperty('position')) { %>
-        <span class="karaElement p-3 bd-highlight karaPosition"><b><%= kara.position %></b></span>
-    <% } %>
+    <%- include('kara.ejs'); %>
     <div class="karaElement p-2 bd-highlight">
         <div class="d-flex flex-row bd-highlight mb-3 btn-group karaActionBtnGroup" role="group">
             <button class="btn btn-outline-light karaActionBtn karaAddBtn" title="Add"><i class="fas fa-plus"></i></button>
diff --git a/instance/views/karaQueueListItem.ejs b/instance/views/karaQueueListItem.ejs
index 052387b220d781584e8e40f845eeb785dc0b56e5..0d710db110dcab033cc15aae84f061b241e23998 100644
--- a/instance/views/karaQueueListItem.ejs
+++ b/instance/views/karaQueueListItem.ejs
@@ -1,14 +1,7 @@
 <%# vim: ts=4 syntax=html
     The template for the kara card in lists %>
 <li class="card p-2 bd-highlight shadow-none d-flex flex-row bd-highlight mb-3 karaCard karaQueue" draggable="true">
-    <span hidden class = "karaID"><%= kara.id %></span>
-    <span class="karaElement text-uppercase p-2 bd-highlight badge badge-light"><b><%= kara.language %></b></span>
-    <span class="karaElement text-uppercase p-2 bd-highlight badge badge-light"><b><%= kara.cat      %></b></span>
-    <span class="karaElement text-uppercase p-2 bd-highlight badge badge-light"><b><%= kara.type     %></b></span>
-    <span class="karaElement p-2 bd-highlight mr-auto"><b><%= kara.source %><br> <%= kara.title %></b> <i>[<%= kara.author %>]</i></span>
-    <% if (kara.hasOwnProperty('position')) { %>
-        <span class="karaElement p-3 bd-highlight karaPosition"><b><%= kara.position %></b></span>
-    <% } %>
+    <%- include('kara.ejs'); %>
     <div class="karaElement p-2 bd-highlight">
         <div class="d-flex flex-row bd-highlight mb-3 btn-group karaActionBtnGroup" role="group">
             <button class="btn btn-outline-light karaActionBtn karaPlayBtn" title="Play"><i class="fas fa-play"></i></button>