diff --git a/css/src/main.css b/css/src/main.css
index 0a23f2899..5969beea4 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -354,6 +354,10 @@ a:hover {
   background-color: #F8F8FB;
 }
 
+.pin-main {
+  background-color: #2C3E50;
+}
+
 .logo-setup {
   text-align: center;
   padding: 5rem 0 4rem;
diff --git a/index.html b/index.html
index 953f81515..5bdc13fb4 100644
--- a/index.html
+++ b/index.html
@@ -56,7 +56,7 @@
           </span>
         </span>
  
-        <div ng-controller="SidebarController" ng-init="init()" ng-if="$root.iden && !$root.hideNavigation">
+        <div ng-controller="SidebarController" ng-init="init()" ng-show="$root.iden && !$root.hideNavigation">
           <nav class="tab-bar" >
             <section class="left-small">
               <a class="left-off-canvas-toggle menu-icon" ><span></span></a>
@@ -99,7 +99,7 @@
           ng-class="{'dni':$root.hideNavigation}"
         ></div>
 
-        <section ng-class="{'main':$root.iden && !$root.starting}" ng-view></section> 
+        <section ng-class="{'main':$root.iden && !$root.starting, 'pin-main':$root.hideNavigation}" ng-view></section> 
 
         <a class="exit-off-canvas"></a>