diff --git a/components/wifi-manager/code.js b/components/wifi-manager/code.js
index f34d6bd2..7921c0c8 100644
--- a/components/wifi-manager/code.js
+++ b/components/wifi-manager/code.js
@@ -495,13 +495,17 @@ function checkStatus(){
                 $('a[href^="#tab-audio"]').hide();
                 $('a[href^="#tab-gpio"]').hide();
                 $('a[href^="#tab-nvs"]').show();
+                $( "footer.footer" ).removeClass('sl');
+                $( "footer.footer" ).addClass('recovery');
                 enableStatusTimer = true;
             } else {
                 recovery = false;
                 $("#otadiv").hide();
                 $('a[href^="#tab-audio"]').show();
                 $('a[href^="#tab-gpio"]').show();
-                //$('a[href^="#tab-nvs"]').hide();
+                //$('a[href^="#tab-nvs"]').hide();  //TODO
+                $( "footer.footer" ).removeClass('recovery');
+                $( "footer.footer" ).addClass('sl');
                 enableStatusTimer = false;
             }
         }
diff --git a/components/wifi-manager/style.css b/components/wifi-manager/style.css
index 10718f81..6a530f16 100644
--- a/components/wifi-manager/style.css
+++ b/components/wifi-manager/style.css
@@ -316,3 +316,10 @@ span#flash-status {
   color: white;
   text-align: center;
 }
+
+.sl {
+    background-color: #053c1e;
+}
+.recovery {
+    background-color: #3c0505;
+}