diff --git a/apps/browser/src/platform/popup/layout/popup-layout.mdx b/apps/browser/src/platform/popup/layout/popup-layout.mdx
index d88e0f199bb..017ee20b344 100644
--- a/apps/browser/src/platform/popup/layout/popup-layout.mdx
+++ b/apps/browser/src/platform/popup/layout/popup-layout.mdx
@@ -153,7 +153,7 @@ View the story source code to see examples of how to construct these types of pa
 
 Example of wrapping an extension page in the `popup-tab-navigation` component.
 
-<Canvas of={stories.PopupTabNavigation} />
+<Canvas of={stories.DefaultPopupTabNavigation} />
 
 ## Extension Page
 
@@ -182,3 +182,10 @@ An example of how to center the default content.
 An example of what the loading state looks like.
 
 <Canvas of={stories.Loading} />
+
+## Tab Navigation with Berry
+
+An example of what it looks like to show a notification berry on one of the popup tab navigation
+buttons.
+
+<Canvas of={stories.PopupTabNavigationWithBerry} />