diff --git a/embed.html b/embed.html
index b489eac2..a3669553 100755
--- a/embed.html
+++ b/embed.html
@@ -1,5 +1,7 @@
+<!DOCTYPE html>
 <html>
 	<head>
+		<title>Embedded Zöff</title>
 		<meta name="author" content="Nicolas 'Nixo' Almagro Tonne &amp; Kasper 'KasperRT' Rynning-Tønnesen"/>
 		<meta name="description" content="The Shared (free) YouTube radio. Being built around the YouTube search and video API it enables the creation of collaborative and shared live playlists, with billions of videos and songs to choose from, all for free and without registration. Enjoy!"/>
 		<meta charset="UTF-8"/>
@@ -19,4 +21,4 @@
 		</script>
 		<div id="song-title"></div><div id="container" style="display:inline-flex;"><div id="player-container"><div id="player"></div><div id="controls" class="noselect"><div id="zoffbutton" title="Visit the channel!"></div><div id="playpause"><i id="play" class="mdi-av-play-arrow hide"></i><i id="pause" class="mdi-av-pause"></i></div><div id="duration">00:00 / 00:00</div><div id="volume-button"><i id="v-mute" class="mdi-av-volume-off"></i><i id="v-low" class="mdi-av-volume-mute"></i><i id="v-medium" class="mdi-av-volume-down"></i><i id="v-full" class="mdi-av-volume-up"></i></div><div id="volume"></div><div id="viewers"></div><div id="bar"></div></div></div><div id="playlist"><div id="wrapper"><div id="preloader" class="progress channel_preloader"><div class="indeterminate"></div></div><div id="list-song-html"><div id="list-song" class="card left-align list-song"><span class="clickable vote-container" title="Vote!"><a class="clickable center-align votebg"><div class="lazy card-image cardbg list-image" style=""></div></a><span class="card-content"><span class="flow-text truncate list-title"></span><span class="vote-span"><span class="list-votes"></span><span class="highlighted vote-text">&nbsp;votes</span></span></span></span></div></div></div></div></div><script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script><script type="text/javascript" src="//cdn.socket.io/socket.io-1.3.5.js"></script><script src="static/dist/embed.min.js"></script>
 	</body>
-</html>
\ No newline at end of file
+</html>
diff --git a/php/footer.php b/php/footer.php
index 761370fc..7cd4426a 100755
--- a/php/footer.php
+++ b/php/footer.php
@@ -83,7 +83,7 @@
                   </li>
                   <li>
                     <a class="modal-trigger waves-effect blue-grey darken-2 btn help-button-footer hide-on-small-only" id="embed-button" title="Want to embed this channel?" onclick="$('#embed').openModal()">
-                    <i class="material-icons left footer-button-icon">code</i>EMBED
+                        <i class="mdi-image-navigate-before left footer-button-icon left-embed"></i><i class="mdi-image-navigate-next left footer-button-icon right-embed"></i>EMBED
                     </a>
                   </li>
                   <li>
diff --git a/php/header.php b/php/header.php
index 2a4e68d8..560fc836 100755
--- a/php/header.php
+++ b/php/header.php
@@ -20,7 +20,6 @@
 <meta property="og:type" content="website"/>
 <link rel="manifest" href="/manifest.json">
 <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.min.css">
-<link tyle="text/css" rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
 <link type="text/css" rel="stylesheet" href="/static/css/materialize.min.css" />
 <link rel="stylesheet" type="text/css" href="/static/css/style.css" title="Default" />
 <link rel="icon" id="favicon" type="image/png" href="/static/images/favicon.png"/>
diff --git a/php/panel.php b/php/panel.php
index d2f25412..c390d2ff 100755
--- a/php/panel.php
+++ b/php/panel.php
@@ -104,7 +104,7 @@
     <ul class="collapsible collapsible-accordion">
         <li>
             <a class="collapsible-header bold waves-effect">Remote Control
-                <i class="material-icons">settings_remote</i>
+                <i class="mdi-action-settings-remote"></i>
             </a>
             <div class="collapsible-body">
                 <ul>
@@ -204,7 +204,7 @@
     <ul class="collapsible collapsible-accordion">
         <li>
             <a class="collapsible-header bold waves-effect import-a">Remote Controller
-                <i class="material-icons">settings_remote</i>
+                <i class="mdi-action-settings-remote"></i>
             </a>
             <div class="collapsible-body">
                 <ul id="remote-mobile-container">
diff --git a/static/css/style.css b/static/css/style.css
index 6cda9d59..48254cb1 100755
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -168,6 +168,16 @@ footer{
   margin-top:0px !important;
 }
 
+.left-embed{
+  margin-left: -9px !important;
+  margin-right: 1px !important;
+}
+
+.right-embed{
+  margin-right: 3px !important;
+  margin-left: -17px !important;
+}
+
 /* global colors */
 
 .modal-header-fixed{
@@ -770,6 +780,10 @@ hide mdi-action-visibility mdi-action-visibility-off
 	.toast {
 	  float: left;
 	}
+
+  nav .zbrand {
+    left:0px !important;
+  }
 }
 
 @media screen and (-webkit-min-device-pixel-ratio:0) {
@@ -1616,6 +1630,7 @@ nav ul li:hover, nav ul li.active {
     }
     nav .zbrand {
         display: inline-block;
+        left:100px;
     }
     .title-container{
         position: initial;
