diff --git a/web/speaker/speaker.html b/web/speaker/speaker.html
index 750df9d..1a9183d 100644
--- a/web/speaker/speaker.html
+++ b/web/speaker/speaker.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <title>Bumble Speaker</title>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
   <link rel="stylesheet" href="speaker.css">
   <script src="https://cdn.jsdelivr.net/pyodide/v0.24.1/full/pyodide.js"></script>
   <script type="module" src="speaker.js"></script>
@@ -26,7 +27,7 @@
     <span id="connectionStateText">NOT CONNECTED</span>
     <div id="controlsDiv">
       <bumble-controls id="bumble-controls"></bumble-controls>
-      <button id="audioOnButton" class="mdc-icon-button material-icons" ><div class="mdc-icon-button__ripple"></div>volume_up</button>
+      <button id="audioOnButton" class="mdc-icon-button material-icons"><div class="mdc-icon-button__ripple"></div>volume_up</button>
     </div>
     <canvas id="fftCanvas" width="1024", height="300">Audio Frequencies Animation</canvas>
     <audio id="audio"></audio>
