diff --git a/dashboard-ui/css/detailtable.css b/dashboard-ui/css/detailtable.css
index 5e7a308e79..d25291203e 100644
--- a/dashboard-ui/css/detailtable.css
+++ b/dashboard-ui/css/detailtable.css
@@ -57,6 +57,18 @@
     display: none;
 }
 
+.detailTable .btnPlay {
+    border: 0;
+    padding: 0;
+    margin: 0;
+    background: none;
+    cursor: pointer;
+}
+
+    .detailTable .btnPlay:hover {
+        opacity: .6;
+    }
+
 @media all and (min-width: 750px) {
     .tabletColumn {
         display: table-cell;
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index f499cd8b5f..39c630bd53 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -237,7 +237,7 @@
 
                 html += '<tr>';
 
-                html += '<td><button type="button" data-role="none" style="border:0;padding:0;margin:0;background:none;" onclick="LibraryBrowser.showPlayMenu(this, \'' + item.Id + '\', \'Audio\');"><img src="css/images/media/playCircle.png" style="height: 16px;"></button></td>';
+                html += '<td><button class="btnPlay" type="button" data-role="none" onclick="LibraryBrowser.showPlayMenu(this, \'' + item.Id + '\', \'Audio\');"><img src="css/images/media/playCircle.png" style="height: 20px;"></button></td>';
 
                 var num = item.IndexNumber;