diff --git a/docs/frontend-system/building-apps/08-migrating.md b/docs/frontend-system/building-apps/08-migrating.md
index 1fd74becfc..88dff704c4 100644
--- a/docs/frontend-system/building-apps/08-migrating.md
+++ b/docs/frontend-system/building-apps/08-migrating.md
@@ -698,16 +698,16 @@ import { SidebarContent } from './Sidebar';
 
 export const navModule = createFrontendModule({
   pluginId: 'app',
-  extensions: [sidebarContent],
+  extensions: [SidebarContent],
 });
 ```
 
-Then in the actual implementation for the `sidebarContent` extension, you can provide something like the following, where you implement the entire `Sidebar` component.
+Then in the actual implementation for the `SidebarContent` extension, you can provide something like the following, where you implement the entire `Sidebar` component.
 
 ```tsx title="in packages/app/src/modules/nav/Sidebar.tsx"
 import { NavContentBlueprint } from '@backstage/frontend-plugin-api';
 
-export const sidebarContent = NavContentBlueprint.make({
+export const SidebarContent = NavContentBlueprint.make({
   params: {
     component: ({ items }) => (
       <Sidebar>