diff --git a/Composer/packages/client/__tests__/components/CreationFlowV2/index.test.tsx b/Composer/packages/client/__tests__/components/CreationFlowV2/index.test.tsx
index 284fec7a3b..1a02ad414d 100644
--- a/Composer/packages/client/__tests__/components/CreationFlowV2/index.test.tsx
+++ b/Composer/packages/client/__tests__/components/CreationFlowV2/index.test.tsx
@@ -86,7 +86,7 @@ describe('<CreationFlowV2/>', () => {
     );
 
     navigate('create/dotnet/%40microsoft%2Fgenerator-bot-empty');
-    const node = await findByText('OK');
+    const node = await findByText('Create');
 
     act(() => {
       fireEvent.click(node);
diff --git a/Composer/packages/client/__tests__/pages/botProjectsSettings/AdapterSettings.test.tsx b/Composer/packages/client/__tests__/pages/botProjectsSettings/AdapterSettings.test.tsx
index 7d5d49ccd2..0a8a518ebd 100644
--- a/Composer/packages/client/__tests__/pages/botProjectsSettings/AdapterSettings.test.tsx
+++ b/Composer/packages/client/__tests__/pages/botProjectsSettings/AdapterSettings.test.tsx
@@ -80,17 +80,6 @@ describe('ExternalAdapterSettings', () => {
     setSettingsMock.mockClear();
   });
 
-  it('renders a link to the package manager', () => {
-    const { getByText } = renderWithRecoilAndCustomDispatchers(
-      <ExternalAdapterSettings projectId={PROJECT_ID} />,
-      initRecoilState
-    );
-
-    const link = getByText(/from package manager/);
-
-    expect(link.attributes.getNamedItem('href')?.value).toContain('plugin/package-manager/package-manager');
-  });
-
   it('brings up the modal', () => {
     const { getByTestId, getByText, queryByTestId } = renderWithRecoilAndCustomDispatchers(
       <ExternalAdapterSettings projectId={PROJECT_ID} />,
diff --git a/Composer/packages/client/src/components/BotRuntimeController/publishDialog.tsx b/Composer/packages/client/src/components/BotRuntimeController/publishDialog.tsx
index 6f8f7fadd9..6519ad3274 100644
--- a/Composer/packages/client/src/components/BotRuntimeController/publishDialog.tsx
+++ b/Composer/packages/client/src/components/BotRuntimeController/publishDialog.tsx
@@ -175,7 +175,7 @@ export const PublishDialog: React.FC<IPublishDialogProps> = (props) => {
         <br />
         {Text.LUISDEPLOY}
         <Link href={Links.LUIS} target="_blank">
-          {formatMessage('Learn more.')}
+          {formatMessage('Learn more')}
         </Link>
       </Fragment>
     );
@@ -187,7 +187,7 @@ export const PublishDialog: React.FC<IPublishDialogProps> = (props) => {
         <br />
         {Text.QNADEPLOY}
         <Link href={Links.QNA} target="_blank">
-          {formatMessage('Learn more.')}
+          {formatMessage('Learn more')}
         </Link>
       </Fragment>
     );
diff --git a/Composer/packages/client/src/components/CreationFlow/FileSelector.tsx b/Composer/packages/client/src/components/CreationFlow/FileSelector.tsx
index bc819a38ca..9c797e80aa 100644
--- a/Composer/packages/client/src/components/CreationFlow/FileSelector.tsx
+++ b/Composer/packages/client/src/components/CreationFlow/FileSelector.tsx
@@ -527,17 +527,20 @@ export const FileSelector: React.FC<FileSelectorProps> = (props) => {
             label={formatMessage('Location')}
             options={breadcrumbItems}
             selectedKey={currentPath}
+            styles={{ root: { width: '420px' } }}
             onChange={updatePath}
             onPendingValueChanged={updatePathPending}
           />
-        </StackItem>
-        {operationMode.write && (
-          <StackItem align={'end'} styles={{ root: { marginBottom: 5 } }}>
-            <Link disabled={editMode !== EditMode.NONE} onClick={onCreateNewFolder}>
+          {operationMode.write && (
+            <Link
+              disabled={editMode !== EditMode.NONE}
+              styles={{ root: { marginTop: '5px' } }}
+              onClick={onCreateNewFolder}
+            >
               {formatMessage('Create new folder')}
             </Link>
-          </StackItem>
-        )}
+          )}
+        </StackItem>
       </Stack>
       <div css={detailListContainer} data-is-scrollable="true">
         <ScrollablePane scrollbarVisibility={ScrollbarVisibility.auto}>
diff --git a/Composer/packages/client/src/components/CreationFlow/v2/DefineConversation.tsx b/Composer/packages/client/src/components/CreationFlow/v2/DefineConversation.tsx
index d15f9381e8..f0ed5373bc 100644
--- a/Composer/packages/client/src/components/CreationFlow/v2/DefineConversation.tsx
+++ b/Composer/packages/client/src/components/CreationFlow/v2/DefineConversation.tsx
@@ -44,10 +44,9 @@ const textFieldlabel = {
 };
 
 const name = {
-  subComponentStyles: textFieldlabel,
-};
-
-const description = {
+  root: {
+    width: '420px',
+  },
   subComponentStyles: textFieldlabel,
 };
 
@@ -367,36 +366,26 @@ const DefineConversationV2: React.FC<DefineConversationProps> = (props) => {
                 onChange={(_e, val) => updateField('name', val)}
               />
             </StackItem>
-            <StackItem grow={0} styles={halfstack}>
-              <TextField
-                label={formatMessage('Description')}
-                resizable={false}
-                styles={description}
-                value={formData.description}
-                onChange={(_e, val) => updateField('description', val)}
-              />
-            </StackItem>
-          </Stack>
-          {!isImported && (
-            <Stack horizontal styles={stackinput} tokens={{ childrenGap: '2rem' }}>
+            {!isImported && (
               <StackItem grow={0} styles={halfstack}>
                 <Dropdown
                   data-testid="NewDialogRuntimeType"
                   label={formatMessage('Runtime type')}
                   options={getSupportedRuntimesForTemplate()}
                   selectedKey={formData.runtimeType}
+                  styles={{ root: { width: '420px' } }}
                   onChange={(_e, option) => updateField('runtimeType', option?.key.toString())}
                 />
               </StackItem>
-            </Stack>
-          )}
+            )}
+          </Stack>
           {locationSelectContent}
           <DialogFooter>
             <DefaultButton text={formatMessage('Cancel')} onClick={onDismiss} />
             <PrimaryButton
               data-testid="SubmitNewBotBtn"
               disabled={hasErrors || !writable}
-              text={templateId === QnABotTemplateId ? formatMessage('Next') : formatMessage('OK')}
+              text={templateId === QnABotTemplateId ? formatMessage('Next') : formatMessage('Create')}
               onClick={handleSubmit}
             />
           </DialogFooter>
diff --git a/Composer/packages/client/src/components/GetStarted/GetStartedTask.tsx b/Composer/packages/client/src/components/GetStarted/GetStartedTask.tsx
index 4fff7e6dd7..159d1703a0 100644
--- a/Composer/packages/client/src/components/GetStarted/GetStartedTask.tsx
+++ b/Composer/packages/client/src/components/GetStarted/GetStartedTask.tsx
@@ -17,14 +17,14 @@ type TaskProps = {
 };
 
 const getStartedStepStyle = (disabled?: boolean) => css`
-  margin-bottom: 15px;
+  margin-bottom: 10px;
   pointer-events: ${disabled ? 'none' : 'auto'};
   opacity: ${disabled ? 0.4 : 1};
 `;
 
 const stepDescriptionStyle = css`
   margin-left: 36px;
-  font-size: 12px;
+  font-size: 14px;
   color: ${NeutralColors.gray120};
   margin-top: -4px;
 `;
diff --git a/Composer/packages/client/src/components/GetStarted/styles.ts b/Composer/packages/client/src/components/GetStarted/styles.ts
index 60fee93bca..d3dff79a99 100644
--- a/Composer/packages/client/src/components/GetStarted/styles.ts
+++ b/Composer/packages/client/src/components/GetStarted/styles.ts
@@ -7,14 +7,14 @@ import { FontWeights } from 'office-ui-fabric-react/lib/Styling';
 export const h3Style = css`
   font-size: ${FontSizes.size14};
   margin-top: 24px;
-  font-weight: ${FontWeights.regular};
+  font-weight: ${FontWeights.semibold};
   margin-bottom: 4px;
 `;
 
 export const topH3Style = css`
   font-size: ${FontSizes.size14};
   margin-top: 12px;
-  font-weight: ${FontWeights.regular};
+  font-weight: ${FontWeights.semibold};
   margin-bottom: 4px;
 `;
 
diff --git a/Composer/packages/client/src/components/Header.tsx b/Composer/packages/client/src/components/Header.tsx
index f1acb5d540..6af2b2a406 100644
--- a/Composer/packages/client/src/components/Header.tsx
+++ b/Composer/packages/client/src/components/Header.tsx
@@ -224,6 +224,12 @@ export const Header = () => {
     }
   }, [isWebChatPanelVisible]);
 
+  useEffect(() => {
+    if (!hideBotController && showGetStarted) {
+      setShowGetStarted(false);
+    }
+  }, [hideBotController]);
+
   const showUpdateAvailableIcon = status === AppUpdaterStatus.UPDATE_AVAILABLE && !showing;
 
   const languageListOptions = useMemo(() => {
diff --git a/Composer/packages/client/src/pages/botProject/AllowedCallers.tsx b/Composer/packages/client/src/pages/botProject/AllowedCallers.tsx
index 93609f1893..a11d56e010 100644
--- a/Composer/packages/client/src/pages/botProject/AllowedCallers.tsx
+++ b/Composer/packages/client/src/pages/botProject/AllowedCallers.tsx
@@ -147,7 +147,7 @@ export const AllowedCallers: React.FC<Props> = ({ projectId }) => {
       <div css={title}>{formatMessage('Allowed Callers')}</div>
       <div css={subtext}>
         {formatMessage.rich(
-          'Skills can be “called” by external bots. Allow other bots to call your skill by adding their App IDs to the list below. <a>Learn more.</a>',
+          'Skills can be “called” by external bots. Allow other bots to call your skill by adding their App IDs to the list below. <a>Learn more</a>',
           {
             a: ({ children }) => (
               <Link
diff --git a/Composer/packages/client/src/pages/botProject/AppIdAndPassword.tsx b/Composer/packages/client/src/pages/botProject/AppIdAndPassword.tsx
index 7fd0bf895f..4d19f8ce07 100644
--- a/Composer/packages/client/src/pages/botProject/AppIdAndPassword.tsx
+++ b/Composer/packages/client/src/pages/botProject/AppIdAndPassword.tsx
@@ -121,7 +121,7 @@ export const AppIdAndPassword: React.FC<AppIdAndPasswordProps> = (props) => {
       <div css={title}>{formatMessage('Microsoft App ID')}</div>
       <div css={subtext}>
         {formatMessage.rich(
-          'An App ID is used for communication between your bot and skills, services, websites or applications. Use an existing App ID or automatically generate an App ID when creating a publishing profile for this bot. <a>Learn more.</a>',
+          'An App ID is used for communication between your bot and skills, services, websites or applications. Use an existing App ID or automatically generate an App ID when creating a publishing profile for this bot. <a>Learn more</a>',
           {
             a: ({ children }) => (
               <Link key="app-id-settings-page" href={'https://aka.ms/composer-appid-learnmore'} target="_blank">
diff --git a/Composer/packages/client/src/pages/botProject/BotLanguage.tsx b/Composer/packages/client/src/pages/botProject/BotLanguage.tsx
index 06f69f38be..e8cf7d53fa 100644
--- a/Composer/packages/client/src/pages/botProject/BotLanguage.tsx
+++ b/Composer/packages/client/src/pages/botProject/BotLanguage.tsx
@@ -18,7 +18,7 @@ import { AddLanguageModal } from '../../components/MultiLanguage';
 import { mergePropertiesManagedByRootBot } from '../../recoilModel/dispatchers/utils/project';
 import { rootBotProjectIdSelector } from '../../recoilModel/selectors/project';
 
-import { subtitle } from './styles';
+import { headerText } from './styles';
 // -------------------- Styles -------------------- //
 
 const botLanguageContainerStyle = css`
@@ -152,7 +152,7 @@ export const BotLanguage: React.FC<BotLanguageProps> = (props) => {
   return (
     <Fragment>
       <div css={botLanguageContainerStyle}>
-        <div css={subtitle}>
+        <div css={headerText}>
           {formatMessage(
             'List of languages that bot will be able to understand (User input) and respond to (Bot responses). To make this bot available in other languages, click ‘Manage languages’ to create a copy of the default language, and translate the content into the new language.'
           )}
diff --git a/Composer/packages/client/src/pages/botProject/BotProjectInfo.tsx b/Composer/packages/client/src/pages/botProject/BotProjectInfo.tsx
index b349b0c9b3..3caf932e0e 100644
--- a/Composer/packages/client/src/pages/botProject/BotProjectInfo.tsx
+++ b/Composer/packages/client/src/pages/botProject/BotProjectInfo.tsx
@@ -26,6 +26,7 @@ const valueStyle = css`
 const headerStyle = css`
   font-size: 20px;
   font-weight: 600;
+  margin-top: 25px;
 `;
 
 const rootTextStyle = css`
@@ -61,12 +62,12 @@ export const BotProjectInfo: React.FC<RouteComponentProps<{
                 setReadmeHidden(false);
               }}
             >
-              {formatMessage('View readme')}
+              {formatMessage('View Readme')}
             </Link>
             <DisplayMarkdownDialog
               content={readme}
               hidden={readmeHidden}
-              title={formatMessage('Project readme')}
+              title={formatMessage('Project Readme')}
               onDismiss={() => {
                 setReadmeHidden(true);
               }}
diff --git a/Composer/packages/client/src/pages/botProject/BotProjectSettings.tsx b/Composer/packages/client/src/pages/botProject/BotProjectSettings.tsx
index defd32ebc5..0b6b95b566 100644
--- a/Composer/packages/client/src/pages/botProject/BotProjectSettings.tsx
+++ b/Composer/packages/client/src/pages/botProject/BotProjectSettings.tsx
@@ -9,10 +9,9 @@ import formatMessage from 'format-message';
 import { RouteComponentProps } from '@reach/router';
 import { JsonEditor } from '@bfc/code-editor';
 import { Toggle } from 'office-ui-fabric-react/lib/Toggle';
-import { DialogSetting } from '@bfc/shared';
 import { defaultToolbarButtonStyles } from '@bfc/ui-shared';
+import { DialogSetting } from '@botframework-composer/types';
 
-import TelemetryClient from '../../telemetry/TelemetryClient';
 import { LoadingSpinner } from '../../components/LoadingSpinner';
 import { INavTreeItem } from '../../components/NavTree';
 import { Page } from '../../components/Page';
@@ -21,7 +20,6 @@ import { settingsState, userSettingsState } from '../../recoilModel/atoms';
 import { localBotsDataSelector, rootBotProjectIdSelector } from '../../recoilModel/selectors/project';
 import { createBotSettingUrl, navigateTo } from '../../utils/navigation';
 import { mergePropertiesManagedByRootBot } from '../../recoilModel/dispatchers/utils/project';
-import { usePVACheck } from '../../hooks/usePVACheck';
 
 import { openDeleteBotModal } from './DeleteBotButton';
 import { BotProjectSettingsTabView } from './BotProjectsSettingsTabView';
@@ -31,10 +29,9 @@ import { BotProjectSettingsTabView } from './BotProjectsSettingsTabView';
 const header = css`
   padding: 5px 20px;
   display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
   justify-content: space-between;
   label: PageHeader;
+  border-bottom: 1px solid silver;
 `;
 
 const container = css`
@@ -54,75 +51,15 @@ const BotProjectSettings: React.FC<RouteComponentProps<{ projectId: string; skil
   const currentProjectId = skillId ?? projectId;
   const botProject = botProjects.find((b) => b.projectId === currentProjectId);
   const { deleteBot } = useRecoilValue(dispatcherState);
-  const isPVABot = usePVACheck(currentProjectId);
 
   const settings = useRecoilValue(settingsState(currentProjectId));
   const mergedSettings = mergePropertiesManagedByRootBot(currentProjectId, rootBotProjectId, settings);
 
   const [isAdvancedSettingsEnabled, setAdvancedSettingsEnabled] = useState<boolean>(false);
-
   const { setSettings } = useRecoilValue(dispatcherState);
 
-  const buttonClick = (link) => {
-    TelemetryClient.track('GettingStartedLinkClicked', { method: 'button', url: link });
-    navigateTo(link);
-  };
-
   const toolbarItems = useMemo(() => {
-    const linkToPackageManager = `/bot/${rootBotProjectId}/plugin/package-manager/package-manager`;
-    const linkToConnections = `/bot/${rootBotProjectId}/botProjectsSettings/#connections`;
-    const linkToLGEditor = `/bot/${rootBotProjectId}/language-generation`;
-    const linkToLUEditor = `/bot/${rootBotProjectId}/language-understanding`;
-
     return [
-      ...(!isPVABot
-        ? [
-            {
-              text: formatMessage('Add a package'),
-              type: 'action',
-              buttonProps: {
-                iconProps: { iconName: 'Package' },
-                onClick: () => buttonClick(linkToPackageManager),
-                styles: defaultToolbarButtonStyles,
-              },
-              align: 'left',
-            },
-          ]
-        : []),
-      {
-        text: formatMessage('Edit LG'),
-        type: 'action',
-        buttonProps: {
-          iconProps: { iconName: 'Robot' },
-          onClick: () => buttonClick(linkToLGEditor),
-          styles: defaultToolbarButtonStyles,
-        },
-        align: 'left',
-      },
-      {
-        text: formatMessage('Edit LU'),
-        type: 'action',
-        buttonProps: {
-          iconProps: { iconName: 'People' },
-          onClick: () => buttonClick(linkToLUEditor),
-          styles: defaultToolbarButtonStyles,
-        },
-        align: 'left',
-      },
-      ...(!isPVABot
-        ? [
-            {
-              text: formatMessage('Manage connections'),
-              type: 'action',
-              buttonProps: {
-                iconProps: { iconName: 'PlugConnected' },
-                onClick: () => buttonClick(linkToConnections),
-                styles: defaultToolbarButtonStyles,
-              },
-              align: 'left',
-            },
-          ]
-        : []),
       {
         text: formatMessage('Delete bot'),
         type: 'action',
@@ -161,9 +98,19 @@ const BotProjectSettings: React.FC<RouteComponentProps<{ projectId: string; skil
     return newbotProjectLinks;
   }, [botProjects]);
 
-  const onRenderHeaderContent = () => {
-    return formatMessage(
-      "Review and configure your bot's resources, and add new connections such as speech, Microsoft Teams and more."
+  const renderJsonToggle = (): JSX.Element => {
+    return (
+      <Toggle
+        inlineLabel
+        checked={isAdvancedSettingsEnabled}
+        className={'advancedSettingsView'}
+        defaultChecked={false}
+        label={formatMessage('Advanced Settings View (json)')}
+        styles={{ label: { fontSize: '12px', marginLeft: '8px' } }}
+        onChange={() => {
+          setAdvancedSettingsEnabled(!isAdvancedSettingsEnabled);
+        }}
+      />
     );
   };
 
@@ -195,20 +142,10 @@ const BotProjectSettings: React.FC<RouteComponentProps<{ projectId: string; skil
       shouldShowEditorError={false}
       title={formatMessage('Configure your bot')}
       toolbarItems={toolbarItems}
-      onRenderHeaderContent={onRenderHeaderContent}
+      onRenderHeaderContent={renderJsonToggle}
     >
       <Suspense fallback={<LoadingSpinner />}>
         <div css={container}>
-          <Toggle
-            inlineLabel
-            checked={isAdvancedSettingsEnabled}
-            className={'advancedSettingsView'}
-            defaultChecked={false}
-            label={formatMessage('Advanced Settings View (json)')}
-            onChange={() => {
-              setAdvancedSettingsEnabled(!isAdvancedSettingsEnabled);
-            }}
-          />
           {isAdvancedSettingsEnabled ? (
             <JsonEditor
               key={'settingsjson'}
diff --git a/Composer/packages/client/src/pages/botProject/BotProjectsSettingsTabView.tsx b/Composer/packages/client/src/pages/botProject/BotProjectsSettingsTabView.tsx
index 6e4b6065f4..4c082337e9 100644
--- a/Composer/packages/client/src/pages/botProject/BotProjectsSettingsTabView.tsx
+++ b/Composer/packages/client/src/pages/botProject/BotProjectsSettingsTabView.tsx
@@ -24,6 +24,7 @@ import { RuntimeSettings } from './RuntimeSettings';
 import AdapterSection from './adapters/AdapterSection';
 import { SkillHostEndPoint } from './SkillHostEndPoint';
 import { AllowedCallers } from './AllowedCallers';
+import { tabContentContainer } from './styles';
 
 // -------------------- Styles -------------------- //
 
@@ -95,8 +96,10 @@ export const BotProjectSettingsTabView: React.FC<RouteComponentProps<{
         }}
       >
         <PivotItem data-testid="overviewTab" headerText={formatMessage('Overview')} itemKey={PivotItemKey.Basics}>
-          <BotProjectInfo isRootBot={isRootBot} projectId={projectId} />
-          <RuntimeSettings projectId={projectId} scrollToSectionId={scrollToSectionId} />
+          <div css={tabContentContainer}>
+            <BotProjectInfo isRootBot={isRootBot} projectId={projectId} />
+            <RuntimeSettings projectId={projectId} scrollToSectionId={scrollToSectionId} />
+          </div>
         </PivotItem>
         <PivotItem
           data-testid="developmentResourcesTab"
@@ -115,8 +118,10 @@ export const BotProjectSettingsTabView: React.FC<RouteComponentProps<{
             }
           }}
         >
-          <ExternalService projectId={projectId} scrollToSectionId={scrollToSectionId} />
-          <AppIdAndPassword projectId={projectId} />
+          <div css={tabContentContainer}>
+            <ExternalService projectId={projectId} scrollToSectionId={scrollToSectionId} />
+            <AppIdAndPassword projectId={projectId} />
+          </div>
         </PivotItem>
         {isRootBot && (
           <PivotItem
@@ -134,7 +139,9 @@ export const BotProjectSettingsTabView: React.FC<RouteComponentProps<{
               }
             }}
           >
-            <AdapterSection projectId={projectId} scrollToSectionId={scrollToSectionId} />
+            <div css={tabContentContainer}>
+              <AdapterSection projectId={projectId} scrollToSectionId={scrollToSectionId} />
+            </div>
           </PivotItem>
         )}
         <PivotItem
@@ -153,15 +160,19 @@ export const BotProjectSettingsTabView: React.FC<RouteComponentProps<{
             }
           }}
         >
-          {isRootBot && <SkillHostEndPoint projectId={projectId} />}
-          <AllowedCallers projectId={projectId} />
+          <div css={tabContentContainer}>
+            {isRootBot && <SkillHostEndPoint projectId={projectId} />}
+            <AllowedCallers projectId={projectId} />
+          </div>
         </PivotItem>
         <PivotItem
           data-testid="localizationTab"
           headerText={formatMessage('Localization')}
           itemKey={PivotItemKey.Language}
         >
-          <BotLanguage projectId={projectId} />
+          <div css={tabContentContainer}>
+            <BotLanguage projectId={projectId} />
+          </div>
         </PivotItem>
       </Pivot>
     </div>
diff --git a/Composer/packages/client/src/pages/botProject/PublishTargets.tsx b/Composer/packages/client/src/pages/botProject/PublishTargets.tsx
index e74026b1ce..f387edc319 100644
--- a/Composer/packages/client/src/pages/botProject/PublishTargets.tsx
+++ b/Composer/packages/client/src/pages/botProject/PublishTargets.tsx
@@ -18,7 +18,14 @@ import { useLocation } from '../../utils/hooks';
 import { isShowAuthDialog as shouldShowTokenDialog } from '../../utils/auth';
 
 import { PublishProfileDialog } from './create-publish-profile/PublishProfileDialog';
-import { tableRow, tableRowItem, tableColumnHeader, columnSizes, actionButton } from './styles';
+import {
+  tableRow,
+  tableRowItem,
+  tableColumnHeader,
+  columnSizes,
+  actionButton,
+  publishProfileButtonColumnSize,
+} from './styles';
 
 // -------------------- Styles -------------------- //
 
@@ -36,15 +43,14 @@ const publishTargetsHeader = css`
   display: flex;
   flex-direction: row;
   height: 42px;
+  border-bottom: 1px solid rgb(243, 242, 241);
 `;
 
 const editPublishProfile = {
   root: {
-    fontSize: 12,
+    fontSize: 14,
     fontWeight: FontWeights.regular,
     color: SharedColors.cyanBlue10,
-    paddingLeft: 0,
-    paddingBottom: 5,
   },
 };
 
@@ -146,7 +152,7 @@ export const PublishTargets: React.FC<PublishTargetsProps> = (props) => {
               <div css={tableRowItem(columnSizes[1])} title={p.type}>
                 {p.type}
               </div>
-              <div css={tableRowItem(columnSizes[2])}>
+              <div css={tableRowItem(publishProfileButtonColumnSize)}>
                 <ActionButton
                   data-testid={'editPublishProfile'}
                   styles={editPublishProfile}
@@ -162,7 +168,7 @@ export const PublishTargets: React.FC<PublishTargetsProps> = (props) => {
                   {formatMessage('Edit')}
                 </ActionButton>
               </div>
-              <div css={tableRowItem(columnSizes[2])}>
+              <div css={tableRowItem(publishProfileButtonColumnSize)}>
                 <ActionButton
                   data-testid={'deletePublishProfile'}
                   styles={editPublishProfile}
diff --git a/Composer/packages/client/src/pages/botProject/RootBotExternalService.tsx b/Composer/packages/client/src/pages/botProject/RootBotExternalService.tsx
index 0eabd55d6c..9502c919e5 100644
--- a/Composer/packages/client/src/pages/botProject/RootBotExternalService.tsx
+++ b/Composer/packages/client/src/pages/botProject/RootBotExternalService.tsx
@@ -339,7 +339,7 @@ export const RootBotExternalService: React.FC<RootBotExternalServiceProps> = (pr
       <div css={title}>{formatMessage('Azure Language Understanding')}</div>
       <div css={subtext}>
         {formatMessage.rich(
-          'Language Understanding (LUIS) is an Azure Cognitive Service that uses machine learning to understand natural language input and direct the conversation flow. <a>Learn more.</a> Use an existing Language Understanding (LUIS) key from Azure or create a new key. <a2>Learn more</a2>.',
+          'Language Understanding (LUIS) is an Azure Cognitive Service that uses machine learning to understand natural language input and direct the conversation flow. <a>Learn more.</a> Use an existing Language Understanding (LUIS) key from Azure or create a new key. <a2>Learn more</a2>',
           {
             a: ({ children }) => (
               <Link key="luis-root-bot-settings-page" href={'https://www.luis.ai/'} target="_blank">
diff --git a/Composer/packages/client/src/pages/botProject/SkillBotExternalService.tsx b/Composer/packages/client/src/pages/botProject/SkillBotExternalService.tsx
index da795c341c..531bf336c4 100644
--- a/Composer/packages/client/src/pages/botProject/SkillBotExternalService.tsx
+++ b/Composer/packages/client/src/pages/botProject/SkillBotExternalService.tsx
@@ -142,7 +142,7 @@ export const SkillBotExternalService: React.FC<SkillBotExternalServiceProps> = (
       <div css={title}>{formatMessage('Azure Language Understanding')}</div>
       <div css={subtext}>
         {formatMessage.rich(
-          'Language Understanding (LUIS) is an Azure Cognitive Service that uses machine learning to understand natural language input and direct the conversation flow. <a>Learn more.</a> Use an existing Language Understanding (LUIS) key from Azure or create a new key. <a2>Learn more</a2>.',
+          'Language Understanding (LUIS) is an Azure Cognitive Service that uses machine learning to understand natural language input and direct the conversation flow. <a>Learn more.</a> Use an existing Language Understanding (LUIS) key from Azure or create a new key. <a2>Learn more</a2>',
           {
             a: ({ children }) => (
               <Link key="luis-skill-settings-page" href={'https://www.luis.ai/'} target="_blank">
@@ -200,7 +200,7 @@ export const SkillBotExternalService: React.FC<SkillBotExternalServiceProps> = (
         <div css={title}>{formatMessage('Azure QnA Maker')}</div>
         <div css={subtext}>
           {formatMessage.rich(
-            'QnA Maker is an Azure Cognitive services that can extract question-and-answer pairs from a website FAQ. <a>Learn more.</a> Use an existing key from Azure or create a new key. <a2>Learn more.</a2>',
+            'QnA Maker is an Azure Cognitive services that can extract question-and-answer pairs from a website FAQ. <a>Learn more.</a> Use an existing key from Azure or create a new key. <a2>Learn more</a2>',
             {
               a: ({ children }) => (
                 <Link key="qna-skill-settings-page" href={'https://www.qnamaker.ai/'} target="_blank">
diff --git a/Composer/packages/client/src/pages/botProject/adapters/ABSChannels.tsx b/Composer/packages/client/src/pages/botProject/adapters/ABSChannels.tsx
index d1545fbf05..2e00e3ea3d 100644
--- a/Composer/packages/client/src/pages/botProject/adapters/ABSChannels.tsx
+++ b/Composer/packages/client/src/pages/botProject/adapters/ABSChannels.tsx
@@ -16,8 +16,8 @@ import { TokenCredentials } from '@azure/ms-rest-js';
 import { Spinner } from 'office-ui-fabric-react/lib/Spinner';
 import { Stack } from 'office-ui-fabric-react/lib/Stack';
 import { OpenConfirmModal } from '@bfc/ui-shared';
-import { Callout } from 'office-ui-fabric-react/lib/Callout';
 import { Text } from 'office-ui-fabric-react/lib/Text';
+import { TeachingBubble } from 'office-ui-fabric-react/lib/TeachingBubble';
 
 import TelemetryClient from '../../../telemetry/TelemetryClient';
 import { LoadingSpinner } from '../../../components/LoadingSpinner';
@@ -557,7 +557,7 @@ export const ABSChannels: React.FC<RuntimeSettingsProps> = (props) => {
                   setShowTeamsManifestModal(true);
                 }}
               >
-                {formatMessage('Open Manifest')}
+                {formatMessage('Open manifest')}
               </Link>
             </Stack.Item>
           )}
@@ -591,19 +591,14 @@ export const ABSChannels: React.FC<RuntimeSettingsProps> = (props) => {
         onToggleVisibility={setShowSpeechModal}
       />
       {showTeamsCallOut && (
-        <Callout
-          setInitialFocus
-          className={teamsCallOutStyles.callout}
-          gapSpace={0}
-          role="alertdialog"
+        <TeachingBubble
+          hasCondensedHeadline
+          headline={formatMessage('Almost there!')}
           target={`#${CHANNELS.TEAMS}`}
           onDismiss={() => {
             setShowTeamsCallOut(false);
           }}
         >
-          <Text className={teamsCallOutStyles.title} variant="xLarge">
-            {formatMessage('Almost there!')}
-          </Text>
           <Text block variant="small">
             {formatMessage(
               'Teams requires a few more steps to get your connection up and running. Follow the instructions on our documentation page to learn how.'
@@ -612,7 +607,7 @@ export const ABSChannels: React.FC<RuntimeSettingsProps> = (props) => {
           <Link className={teamsCallOutStyles.link} href={teamsHelpLink} target="_blank">
             {formatMessage('See instructions')}
           </Link>
-        </Callout>
+        </TeachingBubble>
       )}
       <div>
         <Dropdown
diff --git a/Composer/packages/client/src/pages/botProject/adapters/AdapterSection.tsx b/Composer/packages/client/src/pages/botProject/adapters/AdapterSection.tsx
index 4a4511fb34..ecfc300557 100644
--- a/Composer/packages/client/src/pages/botProject/adapters/AdapterSection.tsx
+++ b/Composer/packages/client/src/pages/botProject/adapters/AdapterSection.tsx
@@ -6,9 +6,9 @@ import { useEffect, useRef } from 'react';
 import formatMessage from 'format-message';
 import { Stack } from 'office-ui-fabric-react/lib/Stack';
 import { Link } from 'office-ui-fabric-react/lib/Link';
-import { Link as RouterLink } from '@reach/router';
 
-import { title, subtitle, subtext } from '../styles';
+import { title, subtitle, subtext, headerText } from '../styles';
+import { navigateTo } from '../../../utils/navigation';
 
 import ExternalAdapterSettings from './ExternalAdapterSettings';
 import ABSChannels from './ABSChannels';
@@ -28,7 +28,7 @@ const AdapterSection = ({ projectId, scrollToSectionId }: Props) => {
 
   return (
     <div ref={containerRef}>
-      <div css={subtitle}>
+      <div css={headerText}>
         {formatMessage.rich(
           'Add connections to make your bot available in Webchat, Direct Line Speech, Microsoft Teams and more. <a>Learn more.</a>',
           {
@@ -54,12 +54,14 @@ const AdapterSection = ({ projectId, scrollToSectionId }: Props) => {
             'Find and install more external services to your bot project in <a>package manager</a>. For further guidance, see documentation for <a2>adding external connections.</a2>',
             {
               a: ({ children }) => (
-                <RouterLink
+                <Link
                   key="package-adapter-settings-page"
-                  to={`/bot/${projectId}/plugin/package-manager/package-manager`}
+                  onClick={() => {
+                    navigateTo(`/bot/${projectId}/plugin/package-manager/package-manager`);
+                  }}
                 >
                   {children}
-                </RouterLink>
+                </Link>
               ),
               a2: ({ children }) => (
                 <Link
diff --git a/Composer/packages/client/src/pages/botProject/adapters/ExternalAdapterSettings.tsx b/Composer/packages/client/src/pages/botProject/adapters/ExternalAdapterSettings.tsx
index 8da8d4ed86..efb48ef9ce 100644
--- a/Composer/packages/client/src/pages/botProject/adapters/ExternalAdapterSettings.tsx
+++ b/Composer/packages/client/src/pages/botProject/adapters/ExternalAdapterSettings.tsx
@@ -8,13 +8,13 @@ import formatMessage from 'format-message';
 import { useRecoilValue } from 'recoil';
 import { BotSchemas, DialogSetting } from '@bfc/shared';
 import { Link } from 'office-ui-fabric-react/lib/Link';
-import { Link as RouterLink } from '@reach/router';
 import { Toggle } from 'office-ui-fabric-react/lib/Toggle';
 import { JSONSchema7 } from '@botframework-composer/types';
 import { AdapterRecord } from '@botframework-composer/types/src';
 
 import { schemasState, settingsState, dispatcherState } from '../../../recoilModel';
 import { subtitle, tableHeaderRow, tableRow, tableRowItem, tableColumnHeader, columnSizes } from '../styles';
+import { navigateTo } from '../../../utils/navigation';
 
 import AdapterModal, { hasRequired } from './ExternalAdapterModal';
 
@@ -131,9 +131,14 @@ const ExternalAdapterSettings = (props: Props) => {
       <div key={'subtitle'} css={subtitle}>
         {formatMessage.rich('<a>Add from package manager</a>', {
           a: ({ children }) => (
-            <RouterLink key="link" to={`/bot/${projectId}/plugin/package-manager/package-manager`}>
+            <Link
+              key="link"
+              onClick={() => {
+                navigateTo(`/bot/${projectId}/plugin/package-manager/package-manager`);
+              }}
+            >
               {children}
-            </RouterLink>
+            </Link>
           ),
         })}
       </div>
diff --git a/Composer/packages/client/src/pages/botProject/runtime-settings/RuntimeSettings.tsx b/Composer/packages/client/src/pages/botProject/runtime-settings/RuntimeSettings.tsx
index a839f74e4e..d83efe5ae9 100644
--- a/Composer/packages/client/src/pages/botProject/runtime-settings/RuntimeSettings.tsx
+++ b/Composer/packages/client/src/pages/botProject/runtime-settings/RuntimeSettings.tsx
@@ -273,7 +273,6 @@ export const RuntimeSettings: React.FC<RouteComponentProps<{ projectId: string }
           value={runtimeCommand}
           onBlur={() => handleRuntimeSettingOnBlur('command')}
           onChange={handleRuntimeSettingOnChange('command')}
-          onRenderLabel={onRenderLabel}
         />
       </div>
       {needsUpdate && (
diff --git a/Composer/packages/client/src/pages/botProject/styles.ts b/Composer/packages/client/src/pages/botProject/styles.ts
index 7b755b4cc6..9060983fbf 100644
--- a/Composer/packages/client/src/pages/botProject/styles.ts
+++ b/Composer/packages/client/src/pages/botProject/styles.ts
@@ -8,10 +8,16 @@ import { FontSizes, FontWeights, mergeStyleSets } from 'office-ui-fabric-react/l
 export const title = css`
   font-size: ${FontSizes.large};
   font-weight: ${FontWeights.semibold};
-  margin-top: 20px;
+  margin-top: 25px;
   margin-bottom: 5px;
 `;
 
+export const tabContentContainer = css`
+  margin-left: 10px;
+  max-width: 580px;
+  padding-bottom: 10px;
+`;
+
 export const subtext = css`
   color: ${NeutralColors.gray130};
   font-size: ${FontSizes.medium};
@@ -24,6 +30,12 @@ export const subtitle = css`
   padding: 12px 0;
 `;
 
+export const headerText = css`
+  color: ${NeutralColors.gray130};
+  font-size: ${FontSizes.medium};
+  margin-top: 25px;
+`;
+
 export const sectionHeader = css`
   font-weight: ${FontWeights.semibold};
   font-size: ${FontSizes.medium};
@@ -44,7 +56,6 @@ export const tableRow = css`
   flex-direction: row;
   align-items: center;
   height: 42px;
-  width: 750px;
 `;
 
 export const tableRowItem = (width?: string) => css`
@@ -59,7 +70,7 @@ export const tableRowItem = (width?: string) => css`
 
 export const tableColumnHeader = (width?: string) => css`
   font-size: ${FontSizes.medium};
-  font-weight: ${FontWeights.bold};
+  font-weight: ${FontWeights.semibold};
   padding-top: 10px;
   padding-left: 10px;
   text-overflow: ellipsis;
@@ -133,7 +144,8 @@ export const unknownIconStyle = (required: boolean) => {
 };
 
 export const columnSizes = ['300px', '150px', '150px'];
-export const extendedColumnSizes = ['300px', '150px', '300px'];
+export const extendedColumnSizes = ['220px', '80px', '250px'];
+export const publishProfileButtonColumnSize = '50px';
 
 export const actionButton = {
   root: {
@@ -142,10 +154,11 @@ export const actionButton = {
     color: SharedColors.cyanBlue10,
     paddingLeft: 0,
     marginLeft: 5,
+    width: '120px',
   },
 };
 
-export const inputFieldStyles = mergeStyleSets({ root: { marginTop: 10, width: '75%' } }, customError);
+export const inputFieldStyles = mergeStyleSets({ root: { marginTop: 10 } }, customError);
 
 export const teamsCallOutStyles = mergeStyleSets({
   callout: {
@@ -159,5 +172,6 @@ export const teamsCallOutStyles = mergeStyleSets({
   link: {
     display: 'block',
     marginTop: 20,
+    color: NeutralColors.white,
   },
 });
diff --git a/Composer/packages/client/src/pages/publish/BotStatusList.tsx b/Composer/packages/client/src/pages/publish/BotStatusList.tsx
index 84bc6196af..fa01643fee 100644
--- a/Composer/packages/client/src/pages/publish/BotStatusList.tsx
+++ b/Composer/packages/client/src/pages/publish/BotStatusList.tsx
@@ -219,7 +219,7 @@ export const BotStatusList: React.FC<BotStatusListProps> = ({
       name: formatMessage('Publish target'),
       className: 'publishTarget',
       fieldName: 'target',
-      minWidth: 100,
+      minWidth: 150,
       maxWidth: 200,
       isRowHeader: true,
       data: 'string',
diff --git a/Composer/packages/client/src/pages/publish/Publish.tsx b/Composer/packages/client/src/pages/publish/Publish.tsx
index ed17b037f6..79bad299e7 100644
--- a/Composer/packages/client/src/pages/publish/Publish.tsx
+++ b/Composer/packages/client/src/pages/publish/Publish.tsx
@@ -494,7 +494,7 @@ const Publish: React.FC<RouteComponentProps<{ projectId: string; targetName?: st
             </div>
           </div>
         </PivotItem>
-        <PivotItem headerText={formatMessage('Publishing Profile')} itemKey={'addNewPublishProfile'}>
+        <PivotItem headerText={formatMessage('Publishing profile')} itemKey={'addNewPublishProfile'}>
           <Stack horizontal verticalFill styles={{ root: { borderTop: '1px solid #CCC' } }}>
             {botProjectData && botProjectData.length > 1 && (
               <Stack.Item styles={{ root: { width: '175px', borderRight: '1px solid #CCC' } }}>
diff --git a/Composer/packages/client/src/pages/publish/styles.ts b/Composer/packages/client/src/pages/publish/styles.ts
index 401baf0e9c..6c1f09dd6b 100644
--- a/Composer/packages/client/src/pages/publish/styles.ts
+++ b/Composer/packages/client/src/pages/publish/styles.ts
@@ -35,7 +35,7 @@ export const HeaderText = css`
 `;
 
 export const ContentStyle = css`
-  margin-left: 2px;
+  margin-left: 12px;
   display: flex;
   height: 100%;
   border-top: 1px solid #dddddd;
diff --git a/Composer/packages/client/src/pages/setting/app-settings/FeatureFlagCheckBox.tsx b/Composer/packages/client/src/pages/setting/app-settings/FeatureFlagCheckBox.tsx
index 856d5226c6..e988b609b1 100644
--- a/Composer/packages/client/src/pages/setting/app-settings/FeatureFlagCheckBox.tsx
+++ b/Composer/packages/client/src/pages/setting/app-settings/FeatureFlagCheckBox.tsx
@@ -32,7 +32,7 @@ const renderLabel = (featureName: string, description: string, documentationLink
     {description}
     {documentationLink && (
       <Link href={documentationLink} target="_blank">
-        <span css={styles.featureFlagDescription}>{formatMessage('Learn more.')}</span>
+        <span css={styles.featureFlagDescription}>{formatMessage('Learn more')}</span>
       </Link>
     )}
   </span>
diff --git a/Composer/packages/client/src/pages/setting/dialog-settings/constants.ts b/Composer/packages/client/src/pages/setting/dialog-settings/constants.ts
index 869fc94987..e83cabcd41 100644
--- a/Composer/packages/client/src/pages/setting/dialog-settings/constants.ts
+++ b/Composer/packages/client/src/pages/setting/dialog-settings/constants.ts
@@ -18,6 +18,6 @@ export const BotSettings = {
   languageBotLanauge: formatMessage('Bot language (active)'),
   languageDefaultLanauge: formatMessage('Default language'),
   languageAddLanauge: formatMessage('Create copy to translate bot content'),
-  learnMore: formatMessage('Learn more.'),
+  learnMore: formatMessage('Learn more'),
   settingsTitle: formatMessage('Bot settings'),
 };
diff --git a/Composer/packages/client/src/utils/runtimeErrors.ts b/Composer/packages/client/src/utils/runtimeErrors.ts
index 32e34d7fa0..7d458bea33 100644
--- a/Composer/packages/client/src/utils/runtimeErrors.ts
+++ b/Composer/packages/client/src/utils/runtimeErrors.ts
@@ -6,7 +6,7 @@ import formatMessage from 'format-message';
 export const missingDotnetVersionError = {
   message: formatMessage('To run this bot, Composer needs .NET Core SDK.'),
   linkAfterMessage: {
-    text: formatMessage('Learn more.'),
+    text: formatMessage('Learn more'),
     url: 'https://aka.ms/install-composer',
   },
   link: {
@@ -18,7 +18,7 @@ export const missingDotnetVersionError = {
 export const missingFunctionsError = {
   message: formatMessage('To run this bot, Composer needs Azure Functions Core Tools.'),
   linkAfterMessage: {
-    text: formatMessage('Learn more.'),
+    text: formatMessage('Learn more'),
     url:
       'https://docs.microsoft.com/en-us/azure/azure-functions/functions-run-local#install-the-azure-functions-core-tools',
   },
diff --git a/Composer/packages/server/src/locales/en-US.json b/Composer/packages/server/src/locales/en-US.json
index dcdeef384d..434cf64ea5 100644
--- a/Composer/packages/server/src/locales/en-US.json
+++ b/Composer/packages/server/src/locales/en-US.json
@@ -158,9 +158,6 @@
   "add_a_new_value_24ca14ac": {
     "message": "Add a new value"
   },
-  "add_a_package_2857cc9": {
-    "message": "Add a package"
-  },
   "add_a_skill_46d2b71c": {
     "message": "Add a skill"
   },
@@ -272,8 +269,8 @@
   "almost_there_f90939cb": {
     "message": "Almost there!"
   },
-  "an_app_id_is_used_for_communication_between_your_b_1763a926": {
-    "message": "An App ID is used for communication between your bot and skills, services, websites or applications. Use an existing App ID or automatically generate an App ID when creating a publishing profile for this bot. <a>Learn more.</a>"
+  "an_app_id_is_used_for_communication_between_your_b_255025e1": {
+    "message": "An App ID is used for communication between your bot and skills, services, websites or applications. Use an existing App ID or automatically generate an App ID when creating a publishing profile for this bot. <a>Learn more</a>"
   },
   "an_authoring_key_is_created_automatically_when_you_21cf77aa": {
     "message": "An authoring key is created automatically when you create a LUIS account."
@@ -1322,12 +1319,6 @@
   "edit_kb_name_5e2d8c5b": {
     "message": "Edit KB name"
   },
-  "edit_lg_c14451bf": {
-    "message": "Edit LG"
-  },
-  "edit_lu_32fd20f7": {
-    "message": "Edit LU"
-  },
   "edit_property_dd6a1172": {
     "message": "Edit Property"
   },
@@ -2054,8 +2045,8 @@
   "language_understanding_authoring_key_74a41a4": {
     "message": "Language Understanding authoring key"
   },
-  "language_understanding_luis_is_an_azure_cognitive__5181510f": {
-    "message": "Language Understanding (LUIS) is an Azure Cognitive Service that uses machine learning to understand natural language input and direct the conversation flow. <a>Learn more.</a> Use an existing Language Understanding (LUIS) key from Azure or create a new key. <a2>Learn more</a2>."
+  "language_understanding_luis_is_an_azure_cognitive__21ee0f60": {
+    "message": "Language Understanding (LUIS) is an Azure Cognitive Service that uses machine learning to understand natural language input and direct the conversation flow. <a>Learn more.</a> Use an existing Language Understanding (LUIS) key from Azure or create a new key. <a2>Learn more</a2>"
   },
   "language_understanding_region_ec8fb05c": {
     "message": "Language Understanding region"
@@ -2099,9 +2090,6 @@
   "learn_more_about_your_property_schema_3a0a0890": {
     "message": "Learn more about your property schema"
   },
-  "learn_more_c08939e8": {
-    "message": "Learn more."
-  },
   "leave_product_tour_49585718": {
     "message": "Leave Product Tour?"
   },
@@ -2270,9 +2258,6 @@
   "manage_bot_languages_9ec36fd7": {
     "message": "Manage bot languages"
   },
-  "manage_connections_442f1693": {
-    "message": "Manage connections"
-  },
   "manage_profiles_715c2092": {
     "message": "Manage profiles"
   },
@@ -2636,8 +2621,8 @@
   "open_inline_editor_a5aabcfa": {
     "message": "Open inline editor"
   },
-  "open_manifest_ffb556af": {
-    "message": "Open Manifest"
+  "open_manifest_6c334f9": {
+    "message": "Open manifest"
   },
   "open_notification_panel_5796edb3": {
     "message": "Open notification panel"
@@ -2795,9 +2780,6 @@
   "project_readme_68f88d88": {
     "message": "Project Readme"
   },
-  "project_readme_6f5488be": {
-    "message": "Project readme"
-  },
   "project_settings_42fe3f68": {
     "message": "Project settings"
   },
@@ -2909,6 +2891,9 @@
   "publishing_profile_6d7064ce": {
     "message": "Publishing Profile"
   },
+  "publishing_profile_a2cd5d52": {
+    "message": "Publishing profile"
+  },
   "publishing_target_46605bc5": {
     "message": "Publishing target"
   },
@@ -2939,6 +2924,9 @@
   "qna_maker_is_an_azure_cognitive_services_that_can__77546394": {
     "message": "QnA Maker is an Azure Cognitive services that can extract question-and-answer pairs from a website FAQ. <a>Learn more.</a> Use an existing key from Azure or create a new key. <a2>Learn more.</a2>"
   },
+  "qna_maker_is_an_azure_cognitive_services_that_can__8166388a": {
+    "message": "QnA Maker is an Azure Cognitive services that can extract question-and-answer pairs from a website FAQ. <a>Learn more.</a> Use an existing key from Azure or create a new key. <a2>Learn more</a2>"
+  },
   "qna_maker_subscription_key_a645be58": {
     "message": "QnA Maker subscription key:"
   },
@@ -3125,9 +3113,6 @@
   "retrieve_app_id_from_publishing_profile_b6643a25": {
     "message": "Retrieve App ID from publishing profile"
   },
-  "review_and_configure_your_bot_s_resources_and_add__c0e30e9a": {
-    "message": "Review and configure your bot''s resources, and add new connections such as speech, Microsoft Teams and more."
-  },
   "review_and_generate_63dec712": {
     "message": "Review and generate"
   },
@@ -3452,8 +3437,8 @@
   "skillname_manifest_ef3d9fed": {
     "message": "{ skillName } Manifest"
   },
-  "skills_can_be_called_by_external_bots_allow_other__482dbe75": {
-    "message": "Skills can be “called” by external bots. Allow other bots to call your skill by adding their App IDs to the list below. <a>Learn more.</a>"
+  "skills_can_be_called_by_external_bots_allow_other__d71decaf": {
+    "message": "Skills can be “called” by external bots. Allow other bots to call your skill by adding their App IDs to the list below. <a>Learn more</a>"
   },
   "skills_extend_your_bot_s_conversational_capabiliti_ce5c2384": {
     "message": "Skills extend your bot''s conversational capabilities . To know more about skills"
@@ -4118,8 +4103,8 @@
   "view_on_npm_2051324d": {
     "message": "View on npm"
   },
-  "view_readme_37414cb9": {
-    "message": "View readme"
+  "view_readme_30ed498f": {
+    "message": "View Readme"
   },
   "visit_a_this_page_a_to_learn_more_about_entity_def_c7c862a9": {
     "message": "Visit <a>this page</a> to learn more about entity definition."
diff --git a/extensions/azurePublish/src/components/ChooseProvisionAction.tsx b/extensions/azurePublish/src/components/ChooseProvisionAction.tsx
index 940f131d38..a4614ec9fb 100644
--- a/extensions/azurePublish/src/components/ChooseProvisionAction.tsx
+++ b/extensions/azurePublish/src/components/ChooseProvisionAction.tsx
@@ -85,7 +85,10 @@ const CreateActionContent = () => {
         <LearnMoreLink href="https://aka.ms/azureSignUpPage" target="_blank">
           {formatMessage('Microsoft Azure')}
         </LearnMoreLink>
-        <Text>{formatMessage(' is required.')}</Text>
+        <Text>{formatMessage(' is required. ')}</Text>
+        <LearnMoreLink href="https://aka.ms/composer-publish-bot#create-new-azure-resources" target="_blank">
+          {formatMessage('Learn more')}
+        </LearnMoreLink>
       </Summary>
       <Details>
         <Instruction>
@@ -115,9 +118,6 @@ const CreateActionContent = () => {
           </InstructionDetails>
         </Instruction>
       </Details>
-      <LearnMoreLink href="https://aka.ms/composer-publish-bot#create-new-azure-resources" target="_blank">
-        {formatMessage('Learn More')}
-      </LearnMoreLink>
     </Content>
   );
 };
diff --git a/extensions/azurePublish/src/components/azureProvisionDialog.tsx b/extensions/azurePublish/src/components/azureProvisionDialog.tsx
index 87609e4353..01f2b43433 100644
--- a/extensions/azurePublish/src/components/azureProvisionDialog.tsx
+++ b/extensions/azurePublish/src/components/azureProvisionDialog.tsx
@@ -965,7 +965,7 @@ export const AzureProvisionDialog: React.FC = () => {
                 href="https://docs.microsoft.com/en-us/azure/cognitive-services/luis/luis-reference-regions"
                 target="_blank"
               >
-                {formatMessage('Learn More')}
+                {formatMessage('Learn more')}
               </LearnMoreLink>
             </Stack>
             <Dropdown