diff --git a/src/dom_components/model/Component.js b/src/dom_components/model/Component.js
index a26ae3635..d98c672a8 100644
--- a/src/dom_components/model/Component.js
+++ b/src/dom_components/model/Component.js
@@ -50,7 +50,7 @@ module.exports = Backbone.Model.extend(Styleable).extend({
     editable: false,
 
     // Hide the component inside Layers
-    layerable: false,
+    layerable: true,
 
     // This property is used by the HTML exporter as void elements do not
     // have closing tag, eg. <br/>, <hr/>, etc.
diff --git a/src/dom_components/model/ComponentScript.js b/src/dom_components/model/ComponentScript.js
index da9c43dcc..a18eae12d 100644
--- a/src/dom_components/model/ComponentScript.js
+++ b/src/dom_components/model/ComponentScript.js
@@ -6,7 +6,7 @@ module.exports = Component.extend({
     type: 'script',
     droppable: false,
     draggable: false,
-    layerable: true,
+    layerable: false,
   }),
 
 }, {
diff --git a/src/navigator/view/ItemsView.js b/src/navigator/view/ItemsView.js
index 46e05a958..d38807902 100644
--- a/src/navigator/view/ItemsView.js
+++ b/src/navigator/view/ItemsView.js
@@ -108,7 +108,7 @@ module.exports = Backbone.View.extend({
     var type = model.get('type');
     var tag = model.get('tagName');
     if( ((type == 'textnode' || tag == 'br') && hide) ||
-        model.get('layerable')) {
+        !model.get('layerable')) {
       return false;
     }
     return true;