diff --git a/app/scripts/modules/core/src/cloudProvider/providerSelection/ProviderSelectionModal.tsx b/app/scripts/modules/core/src/cloudProvider/providerSelection/ProviderSelectionModal.tsx index 450d7e345ad..fb991a0e2ce 100644 --- a/app/scripts/modules/core/src/cloudProvider/providerSelection/ProviderSelectionModal.tsx +++ b/app/scripts/modules/core/src/cloudProvider/providerSelection/ProviderSelectionModal.tsx @@ -54,12 +54,15 @@ export class ProviderSelectionModal extends React.Component< key={provider} onClick={() => this.setProvider(provider)} > - {provider} + {CloudProviderRegistry.hasValue(provider, 'logo.path') && ( + {provider} + )} + {!CloudProviderRegistry.hasValue(provider, 'logo.path') &&

{provider}

} ))} diff --git a/app/scripts/modules/core/src/modal/modals.less b/app/scripts/modules/core/src/modal/modals.less index 1168f8eddaf..95caef45872 100644 --- a/app/scripts/modules/core/src/modal/modals.less +++ b/app/scripts/modules/core/src/modal/modals.less @@ -326,6 +326,7 @@ abbr.select2-search-choice-close { .card-choices { display: flex; justify-content: center; + flex-wrap: wrap; .card { border: 1px solid var(--color-alto); border-radius: 2px; @@ -333,6 +334,8 @@ abbr.select2-search-choice-close { margin: 15px; padding: 30px 15px; cursor: pointer; + display: flex; + align-items: center; &.active { border: 1px solid var(--color-accent); background-color: var(--color-accent-g2);