diff --git a/docs/getting-started/configure-app-with-plugins.md b/docs/getting-started/configure-app-with-plugins.md
index b2f3a37d90..428f768a82 100644
--- a/docs/getting-started/configure-app-with-plugins.md
+++ b/docs/getting-started/configure-app-with-plugins.md
@@ -36,22 +36,17 @@ export { plugin as CircleCi } from '@backstage/plugin-circleci';
 
 3. Register the plugin in the entity pages:
 
-```diff
- // packages/app/src/components/catalog/EntityPage.tsx
-+import {
-+  EntityCircleCIContent,
-+  isCircleCIAvailable,
-+} from '@backstage/plugin-circleci';
+```jsx
+// packages/app/src/components/catalog/EntityPage.tsx
+import {
+  EntityCircleCIContent,
+  isCircleCIAvailable,
+} from '@backstage/plugin-circleci';
 
-...
- const cicdContent = (
-   <EntitySwitch>
-     ...
-+     <EntitySwitch.Case if={isCircleCIAvailable}>
-+       <EntityCircleCIContent />
-+     </EntitySwitch.Case>;
-   </EntitySwitch>
- );
+// Then somewhere inside <EntityPageLayout>
+<EntitySwitch.Case if={isCircleCIAvailable}>
+  <EntityCircleCIContent />
+</EntitySwitch.Case>;
 ```
 
 This is just one example, but each Backstage instance may integrate content or