diff --git a/docs/en/Migration-Guides/Abp-7_0.md b/docs/en/Migration-Guides/Abp-7_0.md
index 63950a9adc..242ea68980 100644
--- a/docs/en/Migration-Guides/Abp-7_0.md
+++ b/docs/en/Migration-Guides/Abp-7_0.md
@@ -172,9 +172,24 @@ If you are using leptonx, that has google fonts. The fonts was added builtin lep
 
 ## Updated Side Menu Layout
 
-In side menu layout affected some keys in SideMenuApplicationLayoutComponent and added new replaceable component like Logo Component, Language Component etc.
+In side menu layout affected toolbarKey, navbarKey, toolbarItemsKey keys in SideMenuApplicationLayoutComponent like below.
 
-If you are using replaceable component system you can check [documentation](https://docs.abp.io/en/commercial/latest/themes/lepton-x/angular).
+#### Before
+```ts
+toolbarKey = eThemeLeptonXComponents.Navbar;
+navbarKey = eThemeLeptonXComponents.Sidebar;
+toolbarItemsKey = eThemeLeptonXComponents.NavItems;
+```
+
+#### After
+```ts
+toolbarKey = eThemeLeptonXComponents.Toolbar;
+navbarKey = eThemeLeptonXComponents.Navbar;
+navItemsKey = eThemeLeptonXComponents.NavItems;
+```
+And also added new replaceable component like Logo Component, Language Component etc.
+
+If you are using replaceable component system you can check [documentation](https://docs.abp.io/en/commercial/latest/themes/lepton-x/angular#customization).
 
 
 ## ng-zorro-antd-tree.css