diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/sidebarcontainer.png b/zh-cn/application-dev/reference/arkui-ts/figures/sidebarcontainer.png
index 3ffdcfd3f49600ab53aa5b2a1fb11c4ce5078386..d6ca07b72655b49f58047d74b0995c58fd99f607 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/sidebarcontainer.png and b/zh-cn/application-dev/reference/arkui-ts/figures/sidebarcontainer.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-container-sidebarcontainer.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-sidebarcontainer.md
index 1bb55babf2bb934c49c44fa0327042641525f7d1..a05a1cfbacd7f25135ac8d25ade930de41758ed8 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-container-sidebarcontainer.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-container-sidebarcontainer.md
@@ -127,8 +127,6 @@ struct SideBarContainerExample {
       }.width('100%')
       .justifyContent(FlexAlign.SpaceEvenly)
       .backgroundColor('#19000000')
-
-
       Column() {
         Text('SideBarContainer content text1').fontSize(25)
         Text('SideBarContainer content text2').fontSize(25)
@@ -148,6 +146,7 @@ struct SideBarContainerExample {
     .onChange((value: boolean) => {
       console.info('status:' + value)
     })
+    .divider({strokeWidth: '1vp', color: Color.Gray, startMargin: '4vp', endMargin: '4vp'})
   }
 }
 ```