diff --git a/static/css/main.css b/static/css/main.css
index 4cf2acd..19b4a06 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -459,6 +459,7 @@ button {
     border: 0;
     padding: 0;
     z-index: 2;
+    background: #f0f0f0;
 }
 
 button:hover {
diff --git a/templates/layout.html b/templates/layout.html
index c691b90..5f7cdb2 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -293,11 +293,13 @@ var flag = true;
           $("#insert").css("display","block");
           $("#intro").css("display","block");
           $("#howto").css("display","block");
+          $("#about").css("background","#ec4e1e");
           introflag = false;
         } else {
           $("#insert").css("display","none");
           $("#intro").css("display","none");
           $("#howto").css("display","none");
+          $("#about").css("background","#f0f0f0");
           introflag = true;
         }
       });
@@ -305,6 +307,7 @@ var flag = true;
         $("#insert").css("display","none");
         $("#intro").css("display","none");
         $("#howto").css("display","none");
+        $("#about").css("background","#f0f0f0");
         introflag = true;
       });