diff --git a/src/plugins/visualizations/public/wizard/__snapshots__/new_vis_modal.test.tsx.snap b/src/plugins/visualizations/public/wizard/__snapshots__/new_vis_modal.test.tsx.snap
index c2a2b27457f8d1..2d55059efb5bbd 100644
--- a/src/plugins/visualizations/public/wizard/__snapshots__/new_vis_modal.test.tsx.snap
+++ b/src/plugins/visualizations/public/wizard/__snapshots__/new_vis_modal.test.tsx.snap
@@ -238,12 +238,43 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
                             aria-live="polite"
                             class="euiScreenReaderOnly"
                           >
-                            2 types found
+                            3 types found
                           </span>
                           <ul
                             class="euiKeyPadMenu visNewVisDialog__types"
                             data-test-subj="visNewDialogTypes"
                           >
+                            <li>
+                              <button
+                                aria-describedby="visTypeDescription-visAliasWithPromotion"
+                                class="euiKeyPadMenuItem visNewVisDialog__type"
+                                data-test-subj="visType-visAliasWithPromotion"
+                                data-vis-stage="alias"
+                                type="button"
+                              >
+                                <div
+                                  class="euiKeyPadMenuItem__inner"
+                                >
+                                  <div
+                                    class="euiKeyPadMenuItem__icon"
+                                  >
+                                    <div
+                                      color="secondary"
+                                      data-euiicon-type="empty"
+                                    />
+                                  </div>
+                                  <p
+                                    class="euiKeyPadMenuItem__label"
+                                  >
+                                    <span
+                                      data-test-subj="visTypeTitle"
+                                    >
+                                      Vis alias with promotion
+                                    </span>
+                                  </p>
+                                </div>
+                              </button>
+                            </li>
                             <li>
                               <button
                                 aria-describedby="visTypeDescription-visWithAliasUrl"
@@ -359,6 +390,29 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
                         <p>
                           Start creating your visualization by selecting a type for that visualization.
                         </p>
+                        <p>
+                          <strong>
+                            promotion description
+                          </strong>
+                        </p>
+                        <button
+                          class="euiButton euiButton--primary euiButton--small euiButton--fill"
+                          type="button"
+                        >
+                          <span
+                            class="euiButtonContent euiButtonContent--iconRight euiButton__content"
+                          >
+                            <div
+                              class="euiButtonContent__icon"
+                              data-euiicon-type="popout"
+                            />
+                            <span
+                              class="euiButton__text"
+                            >
+                              another app
+                            </span>
+                          </span>
+                        </button>
                       </div>
                     </div>
                   </div>
@@ -605,11 +659,11 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
                                           id="visualizations.newVisWizard.resultsFound"
                                           values={
                                             Object {
-                                              "resultCount": 2,
+                                              "resultCount": 3,
                                             }
                                           }
                                         >
-                                          2 types found
+                                          3 types found
                                         </FormattedMessage>
                                       </span>
                                     </EuiScreenReaderOnly>
@@ -621,6 +675,75 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
                                         className="euiKeyPadMenu visNewVisDialog__types"
                                         data-test-subj="visNewDialogTypes"
                                       >
+                                        <li
+                                          key=".$visAliasWithPromotion"
+                                        >
+                                          <EuiKeyPadMenuItem
+                                            aria-describedby="visTypeDescription-visAliasWithPromotion"
+                                            className="visNewVisDialog__type"
+                                            data-test-subj="visType-visAliasWithPromotion"
+                                            data-vis-stage="alias"
+                                            disabled={false}
+                                            key="visAliasWithPromotion"
+                                            label={
+                                              <span
+                                                data-test-subj="visTypeTitle"
+                                              >
+                                                Vis alias with promotion
+                                              </span>
+                                            }
+                                            onBlur={[Function]}
+                                            onClick={[Function]}
+                                            onFocus={[Function]}
+                                            onMouseEnter={[Function]}
+                                            onMouseLeave={[Function]}
+                                          >
+                                            <button
+                                              aria-describedby="visTypeDescription-visAliasWithPromotion"
+                                              className="euiKeyPadMenuItem visNewVisDialog__type"
+                                              data-test-subj="visType-visAliasWithPromotion"
+                                              data-vis-stage="alias"
+                                              disabled={false}
+                                              onBlur={[Function]}
+                                              onClick={[Function]}
+                                              onFocus={[Function]}
+                                              onMouseEnter={[Function]}
+                                              onMouseLeave={[Function]}
+                                              type="button"
+                                            >
+                                              <div
+                                                className="euiKeyPadMenuItem__inner"
+                                              >
+                                                <div
+                                                  className="euiKeyPadMenuItem__icon"
+                                                >
+                                                  <VisTypeIcon>
+                                                    <EuiIcon
+                                                      color="secondary"
+                                                      size="l"
+                                                      type="empty"
+                                                    >
+                                                      <div
+                                                        color="secondary"
+                                                        data-euiicon-type="empty"
+                                                        size="l"
+                                                      />
+                                                    </EuiIcon>
+                                                  </VisTypeIcon>
+                                                </div>
+                                                <p
+                                                  className="euiKeyPadMenuItem__label"
+                                                >
+                                                  <span
+                                                    data-test-subj="visTypeTitle"
+                                                  >
+                                                    Vis alias with promotion
+                                                  </span>
+                                                </p>
+                                              </div>
+                                            </button>
+                                          </EuiKeyPadMenuItem>
+                                        </li>
                                         <li
                                           key=".$visWithAliasUrl"
                                         >
@@ -867,7 +990,21 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
                             </EuiSpacer>
                             <NewVisHelp
                               onPromotionClicked={[Function]}
-                              promotedTypes={Array []}
+                              promotedTypes={
+                                Array [
+                                  Object {
+                                    "aliasApp": "anotherApp",
+                                    "aliasPath": "#/anotherUrl",
+                                    "name": "visAliasWithPromotion",
+                                    "promotion": Object {
+                                      "buttonText": "another app",
+                                      "description": "promotion description",
+                                    },
+                                    "stage": "production",
+                                    "title": "Vis alias with promotion",
+                                  },
+                                ]
+                              }
                             >
                               <EuiText>
                                 <div
@@ -882,6 +1019,66 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
                                       Start creating your visualization by selecting a type for that visualization.
                                     </FormattedMessage>
                                   </p>
+                                  <p>
+                                    <strong>
+                                      promotion description
+                                    </strong>
+                                  </p>
+                                  <EuiButton
+                                    fill={true}
+                                    iconSide="right"
+                                    iconType="popout"
+                                    onClick={[Function]}
+                                    size="s"
+                                  >
+                                    <EuiButtonDisplay
+                                      element="button"
+                                      fill={true}
+                                      iconSide="right"
+                                      iconType="popout"
+                                      onClick={[Function]}
+                                      size="s"
+                                      type="button"
+                                    >
+                                      <button
+                                        className="euiButton euiButton--primary euiButton--small euiButton--fill"
+                                        onClick={[Function]}
+                                        type="button"
+                                      >
+                                        <EuiButtonContent
+                                          className="euiButton__content"
+                                          iconSide="right"
+                                          iconType="popout"
+                                          textProps={
+                                            Object {
+                                              "className": "euiButton__text",
+                                            }
+                                          }
+                                        >
+                                          <span
+                                            className="euiButtonContent euiButtonContent--iconRight euiButton__content"
+                                          >
+                                            <EuiIcon
+                                              className="euiButtonContent__icon"
+                                              size="m"
+                                              type="popout"
+                                            >
+                                              <div
+                                                className="euiButtonContent__icon"
+                                                data-euiicon-type="popout"
+                                                size="m"
+                                              />
+                                            </EuiIcon>
+                                            <span
+                                              className="euiButton__text"
+                                            >
+                                              another app
+                                            </span>
+                                          </span>
+                                        </EuiButtonContent>
+                                      </button>
+                                    </EuiButtonDisplay>
+                                  </EuiButton>
                                 </div>
                               </EuiText>
                             </NewVisHelp>
@@ -1129,6 +1326,37 @@ exports[`NewVisModal should render as expected 1`] = `
                             class="euiKeyPadMenu visNewVisDialog__types"
                             data-test-subj="visNewDialogTypes"
                           >
+                            <li>
+                              <button
+                                aria-describedby="visTypeDescription-visAliasWithPromotion"
+                                class="euiKeyPadMenuItem visNewVisDialog__type"
+                                data-test-subj="visType-visAliasWithPromotion"
+                                data-vis-stage="alias"
+                                type="button"
+                              >
+                                <div
+                                  class="euiKeyPadMenuItem__inner"
+                                >
+                                  <div
+                                    class="euiKeyPadMenuItem__icon"
+                                  >
+                                    <div
+                                      color="secondary"
+                                      data-euiicon-type="empty"
+                                    />
+                                  </div>
+                                  <p
+                                    class="euiKeyPadMenuItem__label"
+                                  >
+                                    <span
+                                      data-test-subj="visTypeTitle"
+                                    >
+                                      Vis alias with promotion
+                                    </span>
+                                  </p>
+                                </div>
+                              </button>
+                            </li>
                             <li>
                               <button
                                 aria-describedby="visTypeDescription-vis"
@@ -1243,6 +1471,29 @@ exports[`NewVisModal should render as expected 1`] = `
                         <p>
                           Start creating your visualization by selecting a type for that visualization.
                         </p>
+                        <p>
+                          <strong>
+                            promotion description
+                          </strong>
+                        </p>
+                        <button
+                          class="euiButton euiButton--primary euiButton--small euiButton--fill"
+                          type="button"
+                        >
+                          <span
+                            class="euiButtonContent euiButtonContent--iconRight euiButton__content"
+                          >
+                            <div
+                              class="euiButtonContent__icon"
+                              data-euiicon-type="popout"
+                            />
+                            <span
+                              class="euiButton__text"
+                            >
+                              another app
+                            </span>
+                          </span>
+                        </button>
                       </div>
                     </div>
                   </div>
@@ -1454,6 +1705,75 @@ exports[`NewVisModal should render as expected 1`] = `
                                         className="euiKeyPadMenu visNewVisDialog__types"
                                         data-test-subj="visNewDialogTypes"
                                       >
+                                        <li
+                                          key=".$visAliasWithPromotion"
+                                        >
+                                          <EuiKeyPadMenuItem
+                                            aria-describedby="visTypeDescription-visAliasWithPromotion"
+                                            className="visNewVisDialog__type"
+                                            data-test-subj="visType-visAliasWithPromotion"
+                                            data-vis-stage="alias"
+                                            disabled={false}
+                                            key="visAliasWithPromotion"
+                                            label={
+                                              <span
+                                                data-test-subj="visTypeTitle"
+                                              >
+                                                Vis alias with promotion
+                                              </span>
+                                            }
+                                            onBlur={[Function]}
+                                            onClick={[Function]}
+                                            onFocus={[Function]}
+                                            onMouseEnter={[Function]}
+                                            onMouseLeave={[Function]}
+                                          >
+                                            <button
+                                              aria-describedby="visTypeDescription-visAliasWithPromotion"
+                                              className="euiKeyPadMenuItem visNewVisDialog__type"
+                                              data-test-subj="visType-visAliasWithPromotion"
+                                              data-vis-stage="alias"
+                                              disabled={false}
+                                              onBlur={[Function]}
+                                              onClick={[Function]}
+                                              onFocus={[Function]}
+                                              onMouseEnter={[Function]}
+                                              onMouseLeave={[Function]}
+                                              type="button"
+                                            >
+                                              <div
+                                                className="euiKeyPadMenuItem__inner"
+                                              >
+                                                <div
+                                                  className="euiKeyPadMenuItem__icon"
+                                                >
+                                                  <VisTypeIcon>
+                                                    <EuiIcon
+                                                      color="secondary"
+                                                      size="l"
+                                                      type="empty"
+                                                    >
+                                                      <div
+                                                        color="secondary"
+                                                        data-euiicon-type="empty"
+                                                        size="l"
+                                                      />
+                                                    </EuiIcon>
+                                                  </VisTypeIcon>
+                                                </div>
+                                                <p
+                                                  className="euiKeyPadMenuItem__label"
+                                                >
+                                                  <span
+                                                    data-test-subj="visTypeTitle"
+                                                  >
+                                                    Vis alias with promotion
+                                                  </span>
+                                                </p>
+                                              </div>
+                                            </button>
+                                          </EuiKeyPadMenuItem>
+                                        </li>
                                         <li
                                           key=".$vis"
                                         >
@@ -1700,7 +2020,21 @@ exports[`NewVisModal should render as expected 1`] = `
                             </EuiSpacer>
                             <NewVisHelp
                               onPromotionClicked={[Function]}
-                              promotedTypes={Array []}
+                              promotedTypes={
+                                Array [
+                                  Object {
+                                    "aliasApp": "anotherApp",
+                                    "aliasPath": "#/anotherUrl",
+                                    "name": "visAliasWithPromotion",
+                                    "promotion": Object {
+                                      "buttonText": "another app",
+                                      "description": "promotion description",
+                                    },
+                                    "stage": "production",
+                                    "title": "Vis alias with promotion",
+                                  },
+                                ]
+                              }
                             >
                               <EuiText>
                                 <div
@@ -1715,6 +2049,66 @@ exports[`NewVisModal should render as expected 1`] = `
                                       Start creating your visualization by selecting a type for that visualization.
                                     </FormattedMessage>
                                   </p>
+                                  <p>
+                                    <strong>
+                                      promotion description
+                                    </strong>
+                                  </p>
+                                  <EuiButton
+                                    fill={true}
+                                    iconSide="right"
+                                    iconType="popout"
+                                    onClick={[Function]}
+                                    size="s"
+                                  >
+                                    <EuiButtonDisplay
+                                      element="button"
+                                      fill={true}
+                                      iconSide="right"
+                                      iconType="popout"
+                                      onClick={[Function]}
+                                      size="s"
+                                      type="button"
+                                    >
+                                      <button
+                                        className="euiButton euiButton--primary euiButton--small euiButton--fill"
+                                        onClick={[Function]}
+                                        type="button"
+                                      >
+                                        <EuiButtonContent
+                                          className="euiButton__content"
+                                          iconSide="right"
+                                          iconType="popout"
+                                          textProps={
+                                            Object {
+                                              "className": "euiButton__text",
+                                            }
+                                          }
+                                        >
+                                          <span
+                                            className="euiButtonContent euiButtonContent--iconRight euiButton__content"
+                                          >
+                                            <EuiIcon
+                                              className="euiButtonContent__icon"
+                                              size="m"
+                                              type="popout"
+                                            >
+                                              <div
+                                                className="euiButtonContent__icon"
+                                                data-euiicon-type="popout"
+                                                size="m"
+                                              />
+                                            </EuiIcon>
+                                            <span
+                                              className="euiButton__text"
+                                            >
+                                              another app
+                                            </span>
+                                          </span>
+                                        </EuiButtonContent>
+                                      </button>
+                                    </EuiButtonDisplay>
+                                  </EuiButton>
                                 </div>
                               </EuiText>
                             </NewVisHelp>
diff --git a/src/plugins/visualizations/public/wizard/new_vis_modal.test.tsx b/src/plugins/visualizations/public/wizard/new_vis_modal.test.tsx
index 2a912853181eff..51bcfed2016874 100644
--- a/src/plugins/visualizations/public/wizard/new_vis_modal.test.tsx
+++ b/src/plugins/visualizations/public/wizard/new_vis_modal.test.tsx
@@ -51,6 +51,17 @@ describe('NewVisModal', () => {
       aliasApp: 'otherApp',
       aliasPath: '#/aliasUrl',
     },
+    {
+      name: 'visAliasWithPromotion',
+      title: 'Vis alias with promotion',
+      stage: 'production',
+      aliasApp: 'anotherApp',
+      aliasPath: '#/anotherUrl',
+      promotion: {
+        description: 'promotion description',
+        buttonText: 'another app',
+      },
+    },
   ];
   const visTypes: TypesStart = {
     get<T>(id: string): VisType<T> {
@@ -107,6 +118,30 @@ describe('NewVisModal', () => {
     expect(wrapper.find('[data-test-subj="visType-vis"]').exists()).toBe(true);
   });
 
+  it('should sort promoted visualizations first', () => {
+    const wrapper = mountWithIntl(
+      <NewVisModal
+        isOpen={true}
+        onClose={() => null}
+        visTypesRegistry={visTypes}
+        addBasePath={addBasePath}
+        uiSettings={uiSettings}
+        application={{} as ApplicationStart}
+        savedObjects={{} as SavedObjectsStart}
+      />
+    );
+    expect(
+      wrapper
+        .find('button[data-test-subj^="visType-"]')
+        .map((button) => button.prop('data-test-subj'))
+    ).toEqual([
+      'visType-visAliasWithPromotion',
+      'visType-vis',
+      'visType-visWithAliasUrl',
+      'visType-visWithSearch',
+    ]);
+  });
+
   describe('open editor', () => {
     it('should open the editor for visualizations without search', () => {
       const wrapper = mountWithIntl(
diff --git a/src/plugins/visualizations/public/wizard/type_selection/new_vis_help.test.tsx b/src/plugins/visualizations/public/wizard/type_selection/new_vis_help.test.tsx
index fa15a6c9ba02bc..a5b6e8039ba6d5 100644
--- a/src/plugins/visualizations/public/wizard/type_selection/new_vis_help.test.tsx
+++ b/src/plugins/visualizations/public/wizard/type_selection/new_vis_help.test.tsx
@@ -31,7 +31,6 @@ describe('NewVisHelp', () => {
               aliasApp: 'myApp',
               aliasPath: '/my/fancy/new/thing',
               description: 'Some desc',
-              highlighted: false,
               icon: 'whatever',
               name: 'whatever',
               promotion: {
diff --git a/src/plugins/visualizations/public/wizard/type_selection/new_vis_help.tsx b/src/plugins/visualizations/public/wizard/type_selection/new_vis_help.tsx
index fc484389045892..5b226a889408f0 100644
--- a/src/plugins/visualizations/public/wizard/type_selection/new_vis_help.tsx
+++ b/src/plugins/visualizations/public/wizard/type_selection/new_vis_help.tsx
@@ -20,11 +20,10 @@
 import { FormattedMessage } from '@kbn/i18n/react';
 import React, { Fragment } from 'react';
 import { EuiText, EuiButton } from '@elastic/eui';
-import { VisTypeAliasListEntry } from './type_selection';
 import { VisTypeAlias } from '../../vis_types';
 
 interface Props {
-  promotedTypes: VisTypeAliasListEntry[];
+  promotedTypes: VisTypeAlias[];
   onPromotionClicked: (visType: VisTypeAlias) => void;
 }
 
diff --git a/src/plugins/visualizations/public/wizard/type_selection/type_selection.tsx b/src/plugins/visualizations/public/wizard/type_selection/type_selection.tsx
index f507635093f7ff..8c086ed132ae48 100644
--- a/src/plugins/visualizations/public/wizard/type_selection/type_selection.tsx
+++ b/src/plugins/visualizations/public/wizard/type_selection/type_selection.tsx
@@ -42,11 +42,8 @@ import { VisHelpText } from './vis_help_text';
 import { VisTypeIcon } from './vis_type_icon';
 import { VisType, TypesStart } from '../../vis_types';
 
-export interface VisTypeListEntry extends VisType {
-  highlighted: boolean;
-}
-
-export interface VisTypeAliasListEntry extends VisTypeAlias {
+interface VisTypeListEntry {
+  type: VisType | VisTypeAlias;
   highlighted: boolean;
 }
 
@@ -69,6 +66,10 @@ interface TypeSelectionState {
   query: string;
 }
 
+function isVisTypeAlias(type: VisType | VisTypeAlias): type is VisTypeAlias {
+  return 'aliasPath' in type;
+}
+
 class TypeSelection extends React.Component<TypeSelectionProps, TypeSelectionState> {
   public state: TypeSelectionState = {
     highlightedType: null,
@@ -155,7 +156,9 @@ class TypeSelection extends React.Component<TypeSelectionProps, TypeSelectionSta
                   </EuiTitle>
                   <EuiSpacer size="m" />
                   <NewVisHelp
-                    promotedTypes={(visTypes as VisTypeAliasListEntry[]).filter((t) => t.promotion)}
+                    promotedTypes={visTypes
+                      .map((t) => t.type)
+                      .filter((t): t is VisTypeAlias => isVisTypeAlias(t) && Boolean(t.promotion))}
                     onPromotionClicked={this.props.onVisTypeSelected}
                   />
                 </React.Fragment>
@@ -167,10 +170,7 @@ class TypeSelection extends React.Component<TypeSelectionProps, TypeSelectionSta
     );
   }
 
-  private filteredVisTypes(
-    visTypes: TypesStart,
-    query: string
-  ): Array<VisTypeListEntry | VisTypeAliasListEntry> {
+  private filteredVisTypes(visTypes: TypesStart, query: string): VisTypeListEntry[] {
     const types = visTypes.all().filter((type) => {
       // Filter out all lab visualizations if lab mode is not enabled
       if (!this.props.showExperimental && type.stage === 'experimental') {
@@ -187,9 +187,9 @@ class TypeSelection extends React.Component<TypeSelectionProps, TypeSelectionSta
 
     const allTypes = [...types, ...visTypes.getAliases()];
 
-    let entries: Array<VisTypeListEntry | VisTypeAliasListEntry>;
+    let entries: VisTypeListEntry[];
     if (!query) {
-      entries = allTypes.map((type) => ({ ...type, highlighted: false }));
+      entries = allTypes.map((type) => ({ type, highlighted: false }));
     } else {
       const q = query.toLowerCase();
       entries = allTypes.map((type) => {
@@ -197,17 +197,21 @@ class TypeSelection extends React.Component<TypeSelectionProps, TypeSelectionSta
           type.name.toLowerCase().includes(q) ||
           type.title.toLowerCase().includes(q) ||
           (typeof type.description === 'string' && type.description.toLowerCase().includes(q));
-        return { ...type, highlighted: matchesQuery };
+        return { type, highlighted: matchesQuery };
       });
     }
 
-    return orderBy(entries, ['highlighted', 'promotion', 'title'], ['desc', 'asc', 'asc']);
+    return orderBy(
+      entries,
+      ['highlighted', 'type.promotion', 'type.title'],
+      ['desc', 'asc', 'asc']
+    );
   }
 
-  private renderVisType = (visType: VisTypeListEntry | VisTypeAliasListEntry) => {
+  private renderVisType = (visType: VisTypeListEntry) => {
     let stage = {};
     let highlightMsg;
-    if (!('aliasPath' in visType) && visType.stage === 'experimental') {
+    if (!isVisTypeAlias(visType.type) && visType.type.stage === 'experimental') {
       stage = {
         betaBadgeLabel: i18n.translate('visualizations.newVisWizard.experimentalTitle', {
           defaultMessage: 'Experimental',
@@ -221,7 +225,7 @@ class TypeSelection extends React.Component<TypeSelectionProps, TypeSelectionSta
         defaultMessage:
           'This visualization is experimental. The design and implementation are less mature than stable visualizations and might be subject to change.',
       });
-    } else if ('aliasPath' in visType && visType.stage === 'beta') {
+    } else if (isVisTypeAlias(visType.type) && visType.type.stage === 'beta') {
       const aliasDescription = i18n.translate('visualizations.newVisWizard.betaDescription', {
         defaultMessage:
           'This visualization is in beta and is subject to change. The design and code is less mature than official GA features and is being provided as-is with no warranties. Beta features are not subject to the support SLA of official GA features',
@@ -236,34 +240,34 @@ class TypeSelection extends React.Component<TypeSelectionProps, TypeSelectionSta
     }
 
     const isDisabled = this.state.query !== '' && !visType.highlighted;
-    const onClick = () => this.props.onVisTypeSelected(visType);
+    const onClick = () => this.props.onVisTypeSelected(visType.type);
 
     const highlightedType: HighlightedType = {
-      title: visType.title,
-      name: visType.name,
-      description: visType.description,
+      title: visType.type.title,
+      name: visType.type.name,
+      description: visType.type.description,
       highlightMsg,
     };
 
     return (
       <EuiKeyPadMenuItem
-        key={visType.name}
-        label={<span data-test-subj="visTypeTitle">{visType.title}</span>}
+        key={visType.type.name}
+        label={<span data-test-subj="visTypeTitle">{visType.type.title}</span>}
         onClick={onClick}
         onFocus={() => this.setHighlightType(highlightedType)}
         onMouseEnter={() => this.setHighlightType(highlightedType)}
         onMouseLeave={() => this.setHighlightType(null)}
         onBlur={() => this.setHighlightType(null)}
         className="visNewVisDialog__type"
-        data-test-subj={`visType-${visType.name}`}
-        data-vis-stage={!('aliasPath' in visType) ? visType.stage : 'alias'}
+        data-test-subj={`visType-${visType.type.name}`}
+        data-vis-stage={!isVisTypeAlias(visType.type) ? visType.type.stage : 'alias'}
         disabled={isDisabled}
-        aria-describedby={`visTypeDescription-${visType.name}`}
+        aria-describedby={`visTypeDescription-${visType.type.name}`}
         {...stage}
       >
         <VisTypeIcon
-          icon={visType.icon}
-          image={!('aliasPath' in visType) ? visType.image : undefined}
+          icon={visType.type.icon}
+          image={'image' in visType.type ? visType.type.image : undefined}
         />
       </EuiKeyPadMenuItem>
     );