diff --git a/portal/assets/js/global.js b/portal/assets/js/global.js
index 820c610..e493637 100644
--- a/portal/assets/js/global.js
+++ b/portal/assets/js/global.js
@@ -9,7 +9,7 @@ document.addEventListener('DOMContentLoaded', function() {
 
   [].forEach.call(liMenu, function(el, i) {
     // Add color class.
-    el.classList.add(colors[i]);
+    el.classList.add(colors[i%colors.length]);
     // Set first-letter data attribute.
     el.querySelector('.first-letter').setAttribute('data-first-letter',el.textContent.substring(0, 2));
   });
diff --git a/portal/assets/js/ynhpanel.js b/portal/assets/js/ynhpanel.js
index 2dfcd51..6aefce7 100644
--- a/portal/assets/js/ynhpanel.js
+++ b/portal/assets/js/ynhpanel.js
@@ -181,7 +181,7 @@ domReady(function(){
     // Add application links
     var links = [];
     Array.prototype.forEach.call(response.app, function(app, n){
-      links.push('<li><a class="'+colors[n]+' disableAjax" href="//'+app.url+'"><span class="first-letter" data-first-letter="'+ app.name.substr(0,2) +'"></span><span class="sourcePro">'+app.name+'</span></a></li>');
+      links.push('<li><a class="'+colors[n%colors.length]+' disableAjax" href="//'+app.url+'"><span class="first-letter" data-first-letter="'+ app.name.substr(0,2) +'"></span><span class="sourcePro">'+app.name+'</span></a></li>');
     });
     overlay.innerHTML += '<div id="yuno-apps" class="wrapper apps"><ul class="ul-reset listing-apps col colNomarge sourceProBold">'+ links.join('') +'</ul></div>';