diff --git a/src/plugins/bookPlayer/template.html b/src/plugins/bookPlayer/template.html
index 62c7067a21..0c60a7ed42 100644
--- a/src/plugins/bookPlayer/template.html
+++ b/src/plugins/bookPlayer/template.html
@@ -1,15 +1,15 @@
 <div class="topButtons">
     <button is="paper-icon-button-light" id="btnBookplayerToc" class="autoSize bookplayerButton hide-mouse-idle-tv" tabindex="-1">
-        <i class="material-icons bookplayerButtonIcon toc"></i>
+        <span class="material-icons bookplayerButtonIcon toc"></span>
     </button>
     <!-- <button is="paper-icon-button-light" id="btnBookplayerPrev" class="autoSize bookplayerButton pageButton hide-mouse-idle-tv" tabindex="-1">
-        <i class="material-icons bookplayerButtonIcon navigate_before"></i> ${Previous}
+        <span class="material-icons bookplayerButtonIcon navigate_before"></span> ${Previous}
     </button>
     <button is="paper-icon-button-light" id="btnBookplayerNext" class="autoSize bookplayerButton pageButton hide-mouse-idle-tv" tabindex="-1">
-        ${Next} <i class="material-icons bookplayerButtonIcon navigate_next"></i>
+        ${Next} <span class="material-icons bookplayerButtonIcon navigate_next"></span>
     </button> -->
     <button is="paper-icon-button-light" id="btnBookplayerExit" class="autoSize bookplayerButton hide-mouse-idle-tv" tabindex="-1">
-        <i class="material-icons bookplayerButtonIcon close"></i>
+        <span class="material-icons bookplayerButtonIcon close"></span>
     </button>
 </div>