diff --git a/demo/js/face.js b/demo/js/face.js
index 928f4c5db..a0c0f9478 100644
--- a/demo/js/face.js
+++ b/demo/js/face.js
@@ -320,16 +320,16 @@ Demo.Face = BI.inherit(BI.Widget, {
                 column: 0,
                 row: 0,
                 el: {
-                    type: "bi.vertical",
-                    cls: "face-config",
-                    items: [this._createBaseConfig(),
-                        this._createCommonConfig()]
+                    type: "demo.preview",
+                    cls: "face-config"
                 }
             }, {
                 column: 1,
                 row: 0,
                 el: {
-                    type: "demo.preview"
+                    type: "bi.vertical",
+                    items: [this._createBaseConfig(),
+                        this._createCommonConfig()]
                 }
             }]]
         }
diff --git a/docs/demo.js b/docs/demo.js
index 038ce1ecb..1cbcc2f9b 100644
--- a/docs/demo.js
+++ b/docs/demo.js
@@ -4840,16 +4840,16 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
                 column: 0,
                 row: 0,
                 el: {
-                    type: "bi.vertical",
-                    cls: "face-config",
-                    items: [this._createBaseConfig(),
-                        this._createCommonConfig()]
+                    type: "demo.preview",
+                    cls: "face-config"
                 }
             }, {
                 column: 1,
                 row: 0,
                 el: {
-                    type: "demo.preview"
+                    type: "bi.vertical",
+                    items: [this._createBaseConfig(),
+                        this._createCommonConfig()]
                 }
             }]]
         }