diff --git a/packages/entities/entities-plugins/src/components/PluginSelect.cy.ts b/packages/entities/entities-plugins/src/components/PluginSelect.cy.ts
index ff5bf0d8dd..e723c3ea49 100644
--- a/packages/entities/entities-plugins/src/components/PluginSelect.cy.ts
+++ b/packages/entities/entities-plugins/src/components/PluginSelect.cy.ts
@@ -150,7 +150,7 @@ describe('', () => {
cy.get('.kong-ui-entities-plugin-select-form .plugins-results-container').should('be.visible')
for (const key in disabledPlugins) {
- cy.get(`.plugin-card.disabled [data-testid="${key}-card"]`).should('be.visible')
+ cy.get(`.plugin-card-content.disabled[data-testid="${key}-card"]`).should('be.visible')
}
})
@@ -409,7 +409,7 @@ describe('', () => {
cy.get('.kong-ui-entities-plugin-select-form .plugins-results-container').should('be.visible')
for (const key in disabledPlugins) {
- cy.get(`.plugin-card.disabled [data-testid="${key}-card"]`).should('be.visible')
+ cy.get(`.plugin-card-content.disabled[data-testid="${key}-card"]`).should('be.visible')
}
})
diff --git a/packages/entities/entities-plugins/src/components/PluginSelect.vue b/packages/entities/entities-plugins/src/components/PluginSelect.vue
index 5f89d8d006..37f57b7bc2 100644
--- a/packages/entities/entities-plugins/src/components/PluginSelect.vue
+++ b/packages/entities/entities-plugins/src/components/PluginSelect.vue
@@ -283,10 +283,10 @@ const buildPluginList = (): PluginCardList => {
// returning an array of unique plugin ids
// either grab all plugins from metadata file or use list of available plugins provided by API
return [...new Set(
- Object.assign(
- Object.keys({ ...(!props.availableOnServer ? pluginMetaData : {}) }),
- availablePlugins.value,
- ),
+ [
+ ...Object.keys({ ...(!props.availableOnServer ? pluginMetaData : {}) }),
+ ...availablePlugins.value,
+ ],
)]
// Filter out ignored plugins
.filter((plugin: string) => !props.ignoredPlugins.includes(plugin))
diff --git a/packages/entities/entities-plugins/src/components/select/PluginSelectCard.vue b/packages/entities/entities-plugins/src/components/select/PluginSelectCard.vue
index 3d6cd98d78..34f9ba1fcf 100644
--- a/packages/entities/entities-plugins/src/components/select/PluginSelectCard.vue
+++ b/packages/entities/entities-plugins/src/components/select/PluginSelectCard.vue
@@ -1,16 +1,12 @@
@@ -218,6 +214,7 @@ const handleCustomClick = (): void => {
.plugin-card,
.plugin-card-content {
color: initial;
+ cursor: pointer;
display: flex;
flex-basis: 100%;
flex-flow: row-wrap;