diff --git a/packages/webamp-modern-2/src/skin/Container.ts b/packages/webamp-modern-2/src/skin/Container.ts
index 6a14f078..2dbdd032 100644
--- a/packages/webamp-modern-2/src/skin/Container.ts
+++ b/packages/webamp-modern-2/src/skin/Container.ts
@@ -1,9 +1,11 @@
+import { toBool } from "../utils";
 import Group from "./Group";
 import Layout from "./Layout";
 import XmlObj from "./XmlObj";
 
 export default class Container extends XmlObj {
   _layouts: Layout[] = [];
+  _defaultVisible: boolean = true;
   constructor() {
     super();
   }
@@ -13,6 +15,8 @@ export default class Container extends XmlObj {
       return true;
     }
     switch (key) {
+      case "default_visible":
+        this._defaultVisible = toBool(value);
       default:
         return false;
     }
@@ -26,8 +30,10 @@ export default class Container extends XmlObj {
 
   getDebugDom(): HTMLDivElement {
     const div = window.document.createElement("div");
-    for (const layout of this._layouts) {
-      div.appendChild(layout.getDebugDom());
+    if (this._defaultVisible) {
+      for (const layout of this._layouts) {
+        div.appendChild(layout.getDebugDom());
+      }
     }
     return div;
   }
diff --git a/packages/webamp-modern-2/src/skin/Group.ts b/packages/webamp-modern-2/src/skin/Group.ts
index bcfca8a4..b3fa43a4 100644
--- a/packages/webamp-modern-2/src/skin/Group.ts
+++ b/packages/webamp-modern-2/src/skin/Group.ts
@@ -45,7 +45,7 @@ export default class Group extends GuiObj {
     const div = super.getDebugDom();
     div.style.height = Utils.px(this._maximumHeight);
     div.style.width = Utils.px(this._maximumWidth);
-    if (this._background != null) {
+    if (this._background != null && this._drawBackground) {
       const bitmap = UI_ROOT.getBitmap(this._background);
       div.style.background = bitmap.getBackgrondCSSAttribute();
     }