diff --git a/Composer/packages/client/src/pages/design/VisualPanel.tsx b/Composer/packages/client/src/pages/design/VisualPanel.tsx
index aa28fc6e5a..5ba6c31c9e 100644
--- a/Composer/packages/client/src/pages/design/VisualPanel.tsx
+++ b/Composer/packages/client/src/pages/design/VisualPanel.tsx
@@ -67,13 +67,15 @@ const VisualPanel: React.FC<VisualPanelProps> = React.memo(({ projectId }) => {
 
   return (
     <div aria-label={formatMessage('Authoring canvas')} css={visualPanel} role="region">
-      <VisualPanelHeader
-        pluginConfig={pluginConfig}
-        projectId={projectId}
-        showCode={dialogJsonVisible}
-        visible={!isRemoteSkill}
-        onShowCodeClick={handleShowCodeClick}
-      />
+      {!isRemoteSkill && (
+        <VisualPanelHeader
+          pluginConfig={pluginConfig}
+          projectId={projectId}
+          showCode={dialogJsonVisible}
+          onShowCodeClick={handleShowCodeClick}
+        />
+      )}
+
       {dialogJsonVisible && currentDialog ? (
         <JsonEditor
           key={'dialogjson'}
diff --git a/Composer/packages/client/src/pages/design/VisualPanelHeader.tsx b/Composer/packages/client/src/pages/design/VisualPanelHeader.tsx
index a603679676..16e7e33441 100644
--- a/Composer/packages/client/src/pages/design/VisualPanelHeader.tsx
+++ b/Composer/packages/client/src/pages/design/VisualPanelHeader.tsx
@@ -29,7 +29,6 @@ type BreadcrumbItem = {
 
 type VisualPanelHeaderProps = {
   projectId: string;
-  visible: boolean;
   showCode: boolean;
   onShowCodeClick: () => void;
   pluginConfig?: PluginConfig;
@@ -158,7 +157,7 @@ const useBreadcrumbs = (projectId: string, pluginConfig?: PluginConfig) => {
 };
 
 const VisualPanelHeader: React.FC<VisualPanelHeaderProps> = React.memo((props) => {
-  const { visible, showCode, projectId, onShowCodeClick, pluginConfig } = props;
+  const { showCode, projectId, onShowCodeClick, pluginConfig } = props;
   const breadcrumbs = useBreadcrumbs(projectId, pluginConfig);
 
   const createBreadcrumbItem: (breadcrumb: BreadcrumbItem) => IBreadcrumbItem = (breadcrumb: BreadcrumbItem) => {
@@ -171,7 +170,7 @@ const VisualPanelHeader: React.FC<VisualPanelHeaderProps> = React.memo((props) =
 
   const items = breadcrumbs.map(createBreadcrumbItem);
 
-  return visible ? (
+  return (
     <div style={{ display: 'flex', justifyContent: 'space-between', height: '65px' }}>
       <Breadcrumb
         ariaLabel={formatMessage('Navigation Path')}
@@ -187,7 +186,7 @@ const VisualPanelHeader: React.FC<VisualPanelHeaderProps> = React.memo((props) =
         </ActionButton>
       </div>
     </div>
-  ) : null;
+  );
 });
 
 export default VisualPanelHeader;