diff --git a/index.php b/index.php
index 05623a2e..b3b5575c 100755
--- a/index.php
+++ b/index.php
@@ -198,6 +198,51 @@
             </div>
             <div id="playlist" class="col s12 m3">
                 <div id="wrapper">
+                    <li id="playlist_loader" class="valign-wrapper">
+                      <div class="valign">
+                         <div class="preloader-wrapper big active">
+                          <div class="spinner-layer spinner-blue">
+                            <div class="circle-clipper left">
+                              <div class="circle"></div>
+                            </div><div class="gap-patch">
+                              <div class="circle"></div>
+                            </div><div class="circle-clipper right">
+                              <div class="circle"></div>
+                            </div>
+                          </div>
+
+                          <div class="spinner-layer spinner-red">
+                            <div class="circle-clipper left">
+                              <div class="circle"></div>
+                            </div><div class="gap-patch">
+                              <div class="circle"></div>
+                            </div><div class="circle-clipper right">
+                              <div class="circle"></div>
+                            </div>
+                          </div>
+
+                          <div class="spinner-layer spinner-yellow">
+                            <div class="circle-clipper left">
+                              <div class="circle"></div>
+                            </div><div class="gap-patch">
+                              <div class="circle"></div>
+                            </div><div class="circle-clipper right">
+                              <div class="circle"></div>
+                            </div>
+                          </div>
+
+                          <div class="spinner-layer spinner-green">
+                            <div class="circle-clipper left">
+                              <div class="circle"></div>
+                            </div><div class="gap-patch">
+                              <div class="circle"></div>
+                            </div><div class="circle-clipper right">
+                              <div class="circle"></div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      </li>
                     <div id="list-song-html">
                         <div id="list-song" class="card left-align list-song">
                             <span class="clickable vote-container" title="Vote!">
diff --git a/static/css/style.css b/static/css/style.css
index 8c9691ad..b9395415 100755
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -260,6 +260,23 @@ hide mdi-action-visibility mdi-action-visibility-off
 	}
 }
 
+#playlist_loader {
+  display:inline-flex;
+  height:100%;
+
+}
+
+@media screen and (-webkit-min-device-pixel-ratio:0) {  
+  #wrapper {
+    padding-right:0vh !important;
+    width:100% !important;
+  }
+}
+
+#list-song-html {
+  display:none;
+}
+
 #donate_form a {
   padding-right:10px;
 }