diff --git a/client/static/index.html b/client/static/index.html
index f0e5456..9ee1b49 100644
--- a/client/static/index.html
+++ b/client/static/index.html
@@ -31,6 +31,7 @@ h2 {
 color: #c60008;
 }
 
+
 /* The starting CSS styles for the enter animation */
 .fade.ng-enter {
   transition:0.5s linear all;
@@ -80,7 +81,8 @@ margin-bottom: 1px; }
 
     <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic">
     <link rel="stylesheet" href="../node_modules/angular-material/angular-material.css"/>
-
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    
   </head>
 
 <body layout="row" ng-controller="MpvRemote">
@@ -100,26 +102,28 @@ margin-bottom: 1px; }
     <md-content flex md-scroll-y>
       <ui-view layout="column" layout-fill layout-padding>
 
-	  <md-button class="md-raised md-primary" ng-click="togglePlay()">Play/Pause</md-button>
+	  <md-button class="md-raised md-primary" ng-click="togglePlay()">
+	    Play/Pause
+	    </md-button>
 
 	<section layout="row" layout-sm="column" layout-align="center center" layout-wrap>
 	  <div class="label">Skip</div>
            <md-button class="md-fab" aria-label="Back" ng-click="back()">
-            <
+           	    <md-icon class="material-icons">fast_rewind</md-icon>
             </md-button>
 
             <md-button class="md-fab" aria-label="Forward" ng-click="forward()">
-            >
+              	    <md-icon class="material-icons">fast_forward</md-icon>
             </md-button>
 	</section>
 	
 	      <section layout="row" layout-sm="column" layout-align="center center" layout-wrap>
 		<div class="label">Chapter</div>
             <md-button class="md-fab" aria-label="">
-            <
+           	    <md-icon class="material-icons">skip_previous</md-icon>
             </md-button>
               <md-button class="md-fab" aria-label="">
-            >
+              	    <md-icon class="material-icons">skip_next</md-icon>
               </md-button>
 	      </section>
 
@@ -127,13 +131,13 @@ margin-bottom: 1px; }
 	      <section layout="row" layout-sm="column" layout-align="center center" layout-wrap>
 		<div class="label">Volume</div>
             <md-button class="md-fab" aria-label="Volume down" ng-click="volumeDown()">
-            -
+             	    <md-icon class="material-icons">volume_down</md-icon>
             </md-button>
               <md-button class="md-fab" aria-label="Volume up" ng-click="volumeUp()">
-            +
+           	<md-icon class="material-icons">volume_up</md-icon>
               </md-button>
 	    <md-button class="md-fab" aria-label="Toggle mute" ng-click="toggleMute()">
-            M
+               	    <md-icon class="material-icons">volume_off</md-icon>
               </md-button>
 	      </section>
 	
