diff --git a/admin/themes/default/js/maintenance_env.js b/admin/themes/default/js/maintenance_env.js
index 76ed79f39..da4dcee50 100644
--- a/admin/themes/default/js/maintenance_env.js
+++ b/admin/themes/default/js/maintenance_env.js
@@ -20,10 +20,10 @@ $(document).ready(function () {
         $("#pluginList ul i").hide();
         $("#pluginList ul").append("<p>" + no_active_plugin +"</p>");
       }
-      $(".adminMenubarCounter").append(nbActivatedPlugins);
+      $(".badge-number").append(nbActivatedPlugins);
     },
     error: function () {
-      $(".adminMenubarCounter").append(0);
+      $(".badge-number").append(0);
       $("#pluginList ul").append("<p>" + error_occured +"</p>");
       $("#pluginList ul i").hide();
     }
diff --git a/admin/themes/default/template/maintenance_env.tpl b/admin/themes/default/template/maintenance_env.tpl
index bc2a96168..2eb022b46 100644
--- a/admin/themes/default/template/maintenance_env.tpl
+++ b/admin/themes/default/template/maintenance_env.tpl
@@ -35,7 +35,7 @@ const error_occured = "{"an error happened"|@translate}";
 </fieldset>
 
 <fieldset id="pluginList">
-  <legend><span class="icon-puzzle icon-green"></span> {'Activated plugin list'|@translate} <span class="adminMenubarCounter"></span></legend>
+  <legend><span class="icon-puzzle icon-green"></span> {'Activated plugin list'|@translate} <span class="badge-number"></span></legend>
   <ul style="font-weight:bold">
     <i class="icon-spin6 animate-spin"></i>
   </ul>
@@ -56,4 +56,7 @@ const error_occured = "{"an error happened"|@translate}";
   font-size: 10px;
 }
 
+.badge-number {
+  color:white;
+}
 </style>
\ No newline at end of file