diff --git a/src/ui/layerbrowser/layerbrowser.template.html b/src/ui/layerbrowser/layerbrowser.template.html
index a1675da878dd112ca00affd97d675df4a5dfec07..445cbf844130e7439f3efb5026951ba58f91d3d2 100644
--- a/src/ui/layerbrowser/layerbrowser.template.html
+++ b/src/ui/layerbrowser/layerbrowser.template.html
@@ -7,10 +7,10 @@
       <i 
         container = "body"
         placement = "bottom"
-        tooltip = "toggle visibility"
-        (click) = "toggleVisibility(ngLayer)"
+        [tooltip] = "checkLocked(ngLayer) ? 'base layer cannot be hidden' : 'toggle visibility'"
+        (click) = "checkLocked(ngLayer) ? null : toggleVisibility(ngLayer)"
         class = "glyphicon" 
-        [ngClass] = "ngLayer.visible ? 'glyphicon-eye-open' : 'glyphicon-eye-close'">
+        [ngClass] = "checkLocked(ngLayer) ? 'glyphicon-lock muted' :ngLayer.visible ? 'glyphicon-eye-open' : 'glyphicon-eye-close'">
 
       </i>
     </div>