diff --git a/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/components/package_card.tsx b/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/components/package_card.tsx index e61d0235f720e..122cae16a8cea 100644 --- a/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/components/package_card.tsx +++ b/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/components/package_card.tsx @@ -78,6 +78,7 @@ export function PackageCard({ titleLineClamp, descriptionLineClamp, maxCardHeight, + minCardHeight, showDescription = true, showReleaseBadge = true, }: PackageCardProps) { @@ -227,6 +228,8 @@ export function PackageCard({ [class*='euiCard__titleButton'] { ${getLineClampStyles(titleLineClamp)} } + + min-height: ${minCardHeight ? `${minCardHeight}px` : '127px'}; `} data-test-subj={testid} isquickstart={isQuickstart} diff --git a/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/home/card_utils.tsx b/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/home/card_utils.tsx index b38e08f395d8c..962837c70e68c 100644 --- a/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/home/card_utils.tsx +++ b/x-pack/platform/plugins/shared/fleet/public/applications/integrations/sections/epm/screens/home/card_utils.tsx @@ -55,6 +55,7 @@ export interface IntegrationCardItem { isUnverified?: boolean; isUpdateAvailable?: boolean; maxCardHeight?: number; + minCardHeight?: number; name: string; onCardClick?: () => void; release?: IntegrationCardReleaseLabel; diff --git a/x-pack/solutions/security/plugins/security_solution/public/common/lib/search_ai_lake/hooks/integrations/use_enhanced_integration_cards.test.tsx b/x-pack/solutions/security/plugins/security_solution/public/common/lib/search_ai_lake/hooks/integrations/use_enhanced_integration_cards.test.tsx index cd5a5a8d17203..c3af5c283ca40 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/common/lib/search_ai_lake/hooks/integrations/use_enhanced_integration_cards.test.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/common/lib/search_ai_lake/hooks/integrations/use_enhanced_integration_cards.test.tsx @@ -72,10 +72,10 @@ describe('applyCategoryBadgeAndStyling', () => { expect(result.showReleaseBadge).toBe(false); }); - it('should set maxCardHeight to 88', () => { + it('should set minCardHeight to 88', () => { const result = applyCategoryBadgeAndStyling(mockInt, IntegrationsFacets.available); - expect(result.maxCardHeight).toBe(88); + expect(result.minCardHeight).toBe(88); }); }); diff --git a/x-pack/solutions/security/plugins/security_solution/public/common/lib/search_ai_lake/hooks/integrations/use_enhanced_integration_cards.tsx b/x-pack/solutions/security/plugins/security_solution/public/common/lib/search_ai_lake/hooks/integrations/use_enhanced_integration_cards.tsx index 076995185716c..f310c74b109df 100644 --- a/x-pack/solutions/security/plugins/security_solution/public/common/lib/search_ai_lake/hooks/integrations/use_enhanced_integration_cards.tsx +++ b/x-pack/solutions/security/plugins/security_solution/public/common/lib/search_ai_lake/hooks/integrations/use_enhanced_integration_cards.tsx @@ -26,7 +26,7 @@ const FEATURED_INTEGRATION_SORT_ORDER = [ 'epr:sentinel_one', 'epr:crowdstrike', ]; -const INTEGRATION_CARD_MAX_HEIGHT_PX = 88; +const INTEGRATION_CARD_MIN_HEIGHT_PX = 88; const addPathParamToUrl = (url: string, path: string) => { const encodedPath = encodeURIComponent(path); @@ -67,7 +67,7 @@ export const applyCategoryBadgeAndStyling = ( , ] as React.ReactNode[]) : [], - maxCardHeight: INTEGRATION_CARD_MAX_HEIGHT_PX, + minCardHeight: INTEGRATION_CARD_MIN_HEIGHT_PX, }; };