diff --git a/frontend/src/component/integrations/IntegrationList/AvailableIntegrations/AvailableIntegrations.tsx b/frontend/src/component/integrations/IntegrationList/AvailableIntegrations/AvailableIntegrations.tsx
index 103f725a0d..bb5afe0df1 100644
--- a/frontend/src/component/integrations/IntegrationList/AvailableIntegrations/AvailableIntegrations.tsx
+++ b/frontend/src/component/integrations/IntegrationList/AvailableIntegrations/AvailableIntegrations.tsx
@@ -11,6 +11,7 @@ interface IAvailableIntegrationsProps {
 
 const StyledGrid = styled('div')(({ theme }) => ({
     gridTemplateColumns: 'repeat(auto-fit, minmax(350px, 1fr))',
+    gridAutoRows: '1fr',
     gap: theme.spacing(2),
     display: 'grid',
 }));
@@ -24,6 +25,7 @@ export const AvailableIntegrations: VFC<IAvailableIntegrationsProps> = ({
                 {providers?.map(({ name, displayName, description }) => (
                     <IntegrationCard
                         key={name}
+                        icon={name}
                         title={displayName || name}
                         description={description}
                     />
diff --git a/frontend/src/component/integrations/IntegrationList/IntegrationCard/IntegrationCard.tsx b/frontend/src/component/integrations/IntegrationList/IntegrationCard/IntegrationCard.tsx
index 2ff05f054c..637a38704d 100644
--- a/frontend/src/component/integrations/IntegrationList/IntegrationCard/IntegrationCard.tsx
+++ b/frontend/src/component/integrations/IntegrationList/IntegrationCard/IntegrationCard.tsx
@@ -1,7 +1,9 @@
 import { VFC } from 'react';
 import { Box, styled, Typography } from '@mui/material';
+import { IntegrationIcon } from '../IntegrationIcon/IntegrationIcon';
 
 interface IIntegrationCardProps {
+    icon: string;
     title: string;
     description?: string;
     isEnabled?: boolean;
@@ -9,13 +11,19 @@ interface IIntegrationCardProps {
 }
 
 const StyledBox = styled(Box)(({ theme }) => ({
-    padding: theme.spacing(2),
+    padding: theme.spacing(3),
     borderRadius: `${theme.shape.borderRadiusMedium}px`,
     border: `1px solid ${theme.palette.divider}`,
-    boxShadow: theme.shadows[1],
+}));
+
+const StyledHeader = styled(Typography)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    marginBottom: theme.spacing(2),
 }));
 
 export const IntegrationCard: VFC<IIntegrationCardProps> = ({
+    icon,
     title,
     description,
     isDeprecated,
@@ -23,7 +31,9 @@ export const IntegrationCard: VFC<IIntegrationCardProps> = ({
 }) => {
     return (
         <StyledBox>
-            <Typography variant="h3">{title}</Typography>
+            <StyledHeader variant="h3">
+                <IntegrationIcon name={icon as string} /> {title}
+            </StyledHeader>
             <Typography variant="body1">{description}</Typography>
         </StyledBox>
     );