diff --git a/docs/assets/example/index.js b/docs/assets/example/index.js
index 28beac4dd..87e04b59e 100644
--- a/docs/assets/example/index.js
+++ b/docs/assets/example/index.js
@@ -34,6 +34,7 @@ var art = new Artplayer({
             icon: '<img width="22" heigth="22" src="/assets/img/indicator.svg">',
             selector: [
                 {
+                    default: true,
                     html: 'Custom setting 01',
                     onSelect: function () {
                         console.info('You clicked on the custom setting 01');
@@ -59,7 +60,7 @@ var art = new Artplayer({
     ],
     layers: [
         {
-            html: '<img style="width: 100px" src="/assets/sample/layer.png">',
+            html: '<img width="100" src="/assets/sample/layer.png">',
             click: function () {
                 console.info('You clicked on the custom layer');
             },
diff --git a/docs/assets/ts/artplayer.d.ts b/docs/assets/ts/artplayer.d.ts
index af454a395..a756938da 100644
--- a/docs/assets/ts/artplayer.d.ts
+++ b/docs/assets/ts/artplayer.d.ts
@@ -701,5 +701,5 @@ declare class Artplayer extends Player {
 
     readonly contextmenu: Record<string, HTMLElement> & Component;
 
-    readonly setting: Record<string, HTMLElement> & Component;
+    readonly setting: Component;
 }
diff --git a/packages/artplayer/types/artplayer.d.ts b/packages/artplayer/types/artplayer.d.ts
index af454a395..a756938da 100644
--- a/packages/artplayer/types/artplayer.d.ts
+++ b/packages/artplayer/types/artplayer.d.ts
@@ -701,5 +701,5 @@ declare class Artplayer extends Player {
 
     readonly contextmenu: Record<string, HTMLElement> & Component;
 
-    readonly setting: Record<string, HTMLElement> & Component;
+    readonly setting: Component;
 }