diff --git a/src/renderer/assets/feather/x-circlePng.png b/src/renderer/assets/feather/x-circlePng.png
new file mode 100644
index 00000000..9b0f9ca2
Binary files /dev/null and b/src/renderer/assets/feather/x-circlePng.png differ
diff --git a/src/renderer/assets/playPng.png b/src/renderer/assets/playPng.png
new file mode 100644
index 00000000..8ece27c0
Binary files /dev/null and b/src/renderer/assets/playPng.png differ
diff --git a/src/renderer/assets/shufflePng.png b/src/renderer/assets/shufflePng.png
new file mode 100644
index 00000000..982547d6
Binary files /dev/null and b/src/renderer/assets/shufflePng.png differ
diff --git a/src/renderer/style.less b/src/renderer/style.less
index 83a85bd6..c7a12cf6 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -1969,6 +1969,31 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
   }
 }
 
+.md-ico-play {
+  content:url("./assets/playPng.png");
+  width: 10px;
+  height: 12px; 
+  margin-right: 1px;
+  align-self: center;
+}
+
+.md-ico-shuffle {
+  content:url("./assets/shufflePng.png");
+  width: 15px;
+  height: 13px; 
+  margin-right: 1px;
+  align-self: center;
+}
+
+.md-ico-remove {
+  content:url("./assets/feather/x-circlePng.png");
+  width: 16px;
+  height: 16px; 
+  margin-right: 1px;
+  margin-bottom: -1.5px;
+  align-self: center;
+}
+
 .md-select {
   width: 100%;
   padding: 6px;
diff --git a/src/renderer/views/pages/cider-playlist.ejs b/src/renderer/views/pages/cider-playlist.ejs
index 04b9e9d7..ab750c31 100644
--- a/src/renderer/views/pages/cider-playlist.ejs
+++ b/src/renderer/views/pages/cider-playlist.ejs
@@ -59,20 +59,20 @@
                         </div>
                     </template>
                     <div class="playlist-controls">
-                        <button class="md-btn" style="min-width: 120px;"
-                                @click="app.mk.shuffleMode = 0; play()">
+                        <button class="md-btn" style="min-width: 100px;"
+                                 @click="app.mk.shuffleMode = 0; play()"> <img class="md-ico-play">
                             Play
                         </button>
-                        <button class="md-btn" style="min-width: 120px;"
-                                @click="app.mk.shuffleMode = 1;play()">
+                        <button class="md-btn" style="min-width: 100px;"
+                                @click="app.mk.shuffleMode = 1;play()"> <img class="md-ico-shuffle">
                             Shuffle
                         </button>
-                        <button class="md-btn" style="min-width: 120px;" v-if="inLibrary!=null && confirm!=true"
-                                @click="confirmButton()">
+                        <button class="md-btn" style="min-width: 180px;" v-if="inLibrary!=null && confirm!=true"
+                                @click="confirmButton()"> <img class="md-ico-remove">
                             {{ (!inLibrary) ? "Add to Library" : "Remove from Library" }}
                         </button>
                         <button class="md-btn" style="min-width: 120px;" v-if="confirm==true"
-                                @click="(!inLibrary) ? addToLibrary(data.attributes.playParams.id.toString()) : removeFromLibrary(data.attributes.playParams.id.toString()) ">
+                                @click="(!inLibrary) ? addToLibrary(data.attributes.playParams.id.toString()) : removeFromLibrary(data.attributes.playParams.id.toString()) "> <img class="md-ico-remove">
                             Confirm?
                         </button>
                         <button class="playlist-more" @click="menu">