diff --git a/instance/index.js b/instance/index.js
index 2df10e99135be35590c4d6bcfc6e82e9fb422cb9..4ea7e8ab4adb199fd80080fe542a9bb8a2ef5c27 100644
--- a/instance/index.js
+++ b/instance/index.js
@@ -445,6 +445,16 @@ function addPlayListKaraEventHandlers(element) {
             id:element.getElementsByClassName('karaID')[0].innerText
         });
     });
+    element.getElementsByClassName('karaAddBtn')[0].addEventListener('click', () =>
+            ipcRenderer.send('add-kara-queue-id', {
+                id: element.getElementsByClassName('karaID')[0].innerText,
+            })
+        );
+        element.getElementsByClassName('karaInsertBtn')[0].addEventListener('click', () =>
+            ipcRenderer.send('insert-kara-queue-id', {
+                id: element.getElementsByClassName('karaID')[0].innerText,
+            })
+        );
 }
 
 function onDragStartDB(event) {
diff --git a/instance/views/karaPlaylistListItem.ejs b/instance/views/karaPlaylistListItem.ejs
index 941e76c0f2244c0014a7e0bbaff09ea0802717ee..aa1ef8f35b0ab7a8b8c5294083ed425753152654 100644
--- a/instance/views/karaPlaylistListItem.ejs
+++ b/instance/views/karaPlaylistListItem.ejs
@@ -4,6 +4,8 @@
     <%- 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>
+            <button class="btn btn-outline-light karaActionBtn karaInsertBtn" title="Insert"><i class="fas fa-level-up-alt"></i></button>
             <button class="btn btn-outline-light karaActionBtn karaDeleteBtn" title="Delete"><i class="fas fa-times"></i></button>
         </div>
     </div>