diff --git a/web/packages/teleport/src/Integrations/Enroll/common.tsx b/web/packages/teleport/src/Integrations/Enroll/common.tsx index 2389b49bf066d..bebe1c456f5db 100644 --- a/web/packages/teleport/src/Integrations/Enroll/common.tsx +++ b/web/packages/teleport/src/Integrations/Enroll/common.tsx @@ -67,12 +67,11 @@ export const NoCodeIntegrationDescription = () => ( * IntegrationIcon wraps ResourceIcon with css required for integration * and plugin tiles. */ -export const IntegrationIcon = styled(ResourceIcon)<{ size?: number }>` - display: inline-block; +export const IntegrationIcon = styled(ResourceIcon).withConfig({ + shouldForwardProp: prop => prop !== 'size', +})<{ size?: number }>` + margin: 0 auto; height: 100%; - ${({ size }) => - size && - ` - max-height: ${size}px; - `} + min-width: 0; + ${({ size }) => `max-height: ${size || 80}px;`} `;