diff --git a/src/main/resources/static/error/404.html b/src/main/resources/static/error/404.html
index c68705d..12b027b 100644
--- a/src/main/resources/static/error/404.html
+++ b/src/main/resources/static/error/404.html
@@ -10,54 +10,61 @@
 
     <!-- CSS  -->
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
-    <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
-    <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
+    <link href="/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
+    <link href="/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
 </head>
 
 <body class="blue-grey lighten-5" >
 
 <nav class="blue-grey darken-4 z-depth-3" role="navigation" >
     <div class="nav-wrapper container">
-        <a id="logo-container" href="/" class="brand-logo">Discord Bot</a>
+        <a id="logo-container" href="/" class="brand-logo">Claptrap Bot</a>
         <ul class="right hide-on-med-and-down">
 
-            <li class="">
-                <a class="waves-effect waves-light sidenav-trigger" href="/" data-target="slide-out">Home</a>
+            <li class="" th:classappend="(${page} == 'home')? 'active' : ''">
+                <a class="waves-effect waves-light" href="/">Home</a>
             </li>
-            <li class="" >
+            <li class="" th:classappend="(${page} == 'music')? 'active' : ''">
                 <a class="waves-effect waves-light" href="/music">Music Control</a>
             </li>
             <li id="nav-bar-account">
-                <a class="dropdown-account" data-activates="dropdown1"><i class="material-icons">account_box</i></a>
+                <a class="dropdown-account dropdown-trigger" data-target="dropdown_connected"><i class="material-icons">account_box</i></a>
             </li>
 
         </ul>
 
-        <ul id="nav-mobile" class="side-nav">
-            <li class="center">
-                <a class="waves-effect waves-light sidenav-trigger" href="/" data-target="slide-out">Home</a>
-            </li>
-            <li class="center">
-                <a class="waves-effect waves-light" href="/music">Music Control</a>
-            </li>
 
-            <li><div class="divider"></div></li>
-            <li><a class="center nav-change-guild">Change Guild</a></li>
-            <li>
-                <a class="center tooltipped" data-position="left" data-delay="50" data-tooltip="Under Development!">My Account</a>
-            </li>
-            <li>
-                <a class="center tooltipped" data-position="left" data-delay="50" data-tooltip="Under Development!">My Playlists</a>
-            </li>
-            <li class="divider"></li>
-
-            <li><a class="center red-text nav-disconnect" style="font-weight: bold">Disconnect</a></li>
-
-        </ul>
-        <a href="#" data-activates="nav-mobile" class="button-navbar-mobile button-collapse"><i class="material-icons">menu</i></a>
+        <a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
     </div>
 </nav>
 
+<ul id="nav-mobile" class="sidenav">
+    <li class="center" th:classappend="(${page} == 'home')? 'active' : ''">
+        <a class="waves-effect waves-light sidenav-trigger" href="/" data-target="slide-out">Home</a>
+    </li>
+    <li class="center" th:classappend="(${page} == 'music')? 'active' : ''">
+        <a class="waves-effect waves-light" href="/music">Music Control</a>
+    </li>
+
+    <li><div class="divider"></div></li>
+    <li><a class="center nav-change-guild">Change Guild</a></li>
+    <li>
+        <a class="center tooltipped" data-position="left" data-delay="50" data-tooltip="Under Development!">My Account</a>
+    </li>
+    <li>
+        <a class="center tooltipped" data-position="left" data-delay="50" data-tooltip="Under Development!">My Playlists</a>
+    </li>
+    <li class="divider"></li>
+
+    <li><a class="center red-text nav-disconnect" style="font-weight: bold">Disconnect</a></li>
+
+</ul>
+
+
+
+
+
+
 <!-- Dropdown connected -->
 <ul id="dropdown_connected" class="dropdown-content ">
     <li>
@@ -93,14 +100,16 @@
                     <div class="input-field col s6 offset-s3">
                         <i class="material-icons prefix">account_box</i>
                         <input name="username" id="user_input" type="text" class="validate"/>
-                        <label for="user_input" data-error="User not registered!">User Name</label>
+                        <label for="user_input" >User Name</label>
+                        <span class="helper-text" data-error="User not registered!"></span>
                     </div>
                 </div>
                 <div class="row">
                     <div class="input-field col s6 offset-s3">
                         <i class="material-icons prefix">security</i>
                         <input name="password" id="password_input" type="password" class="validate"/>
-                        <label for="password_input" data-error="Wrong password!">Password</label>
+                        <label for="password_input">Password</label>
+                        <span class="helper-text" data-error="Wrong password!"></span>
                     </div>
                 </div>
                 <div class="row" style="margin-bottom: 10px">
@@ -120,6 +129,34 @@
 </div>
 
 
+
+
+<!--________________________________________-->
+<!--            Guild modal                 -->
+<!--________________________________________-->
+
+<div id="modal_guild" class="modal">
+    <div class="modal-content" style="padding-bottom: 0px">
+        <div class="row" style="margin-bottom: 0px">
+            <h3 class="col s12 center">Guild Selection</h3>
+            <div class="col offset-s4 s4 center">
+                <form id="guild_form" action="#" class="left-align">
+                </form>
+            </div>
+        </div>
+    </div>
+    <div class="modal-footer">
+        <a href="#" id="btn_ok_guild" class="modal-action modal-close waves-effect waves-green btn-flat disabled">Ok</a>
+    </div>
+</div>
+
+<p id="radioTemplateGuild" class="" style="visibility: hidden; display: none ">
+    <label>
+        <input name="guildRadio" class="with-gap" type="radio" value="@id" id="@id"/>
+        <span>@name</span>
+    </label>
+</p>
+
 <!--__________________________________________________________-->
 <!--                                                          -->
 <!--                           END                            -->
diff --git a/src/main/resources/templates/loading.html b/src/main/resources/templates/loading.html
index f9d4488..cde78e3 100644
--- a/src/main/resources/templates/loading.html
+++ b/src/main/resources/templates/loading.html
@@ -23,15 +23,7 @@
 <!--__________________________________________________________-->
 <nav class="blue-grey darken-4 z-depth-3" role="navigation">
     <div class="nav-wrapper container">
-        <a id="logo-container" href="/" class="brand-logo">Discord Bot</a>
-        <ul class="right hide-on-med-and-down">
-
-        </ul>
-
-        <ul id="nav-mobile" class="side-nav">
-
-        </ul>
-        <a href="#" data-activates="nav-mobile" class="button-navbar-mobile button-collapse"><i class="material-icons">menu</i></a>
+        <a id="logo-container" href="/" class="brand-logo">Claptrap Bot</a>
     </div>
 </nav>
 
