diff --git a/Composer/packages/client/src/Onboarding/content.tsx b/Composer/packages/client/src/Onboarding/content.tsx
index 0aa810e658..fe29019b3e 100644
--- a/Composer/packages/client/src/Onboarding/content.tsx
+++ b/Composer/packages/client/src/Onboarding/content.tsx
@@ -168,7 +168,7 @@ export const getTeachingBubble = (id: string | undefined): TeachingBubble => {
         },
       };
 
-    case 'projectSettings':
+    case 'publish':
       return {
         content: formatMessage('Publish your bot to Azure and manage published bots here.'),
         headline: formatMessage('Configure and publish'),
diff --git a/Composer/packages/client/src/components/NavItem.tsx b/Composer/packages/client/src/components/NavItem.tsx
index 88e5b9f639..2a067dfbb6 100644
--- a/Composer/packages/client/src/components/NavItem.tsx
+++ b/Composer/packages/client/src/components/NavItem.tsx
@@ -99,7 +99,9 @@ export const NavItem: React.FC<INavItemProps> = (props) => {
 
   const active = (pathname.startsWith(to) || match?.test(pathname)) ?? false;
 
-  const addRef = useCallback((ref) => onboardingAddCoachMarkRef({ [`nav${labelName.replace(' ', '')}`]: ref }), []);
+  const addRef = useCallback((ref) => onboardingAddCoachMarkRef({ [`nav${labelName.replace(' ', '')}`]: ref }), [
+    labelName,
+  ]);
 
   const getIcon = (iconName: string) => {
     let navIcon;