diff --git a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/components/Navigation.tsx b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/components/Navigation.tsx
index 03a0a8fa3c..c0c2ad09d9 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/components/Navigation.tsx
+++ b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/components/Navigation.tsx
@@ -40,7 +40,7 @@ const getLinkField = (props: NavigationProps): LinkField => ({
   },
 });
 
-const Navigation = (props: NavigationProps): JSX.Element => {
+export const Default = (props: NavigationProps): JSX.Element => {
   const [isOpenMenu, openMenu] = useState(false);
 
   if (!Object.values(props.fields).length) {
@@ -123,4 +123,3 @@ const NavigationList = (props: NavigationProps) => {
   );
 };
 
-export default Navigation;