Constrain connector card logo width (#1484)

Author: kiahna-tucker

src/components/connectors/card/Logo.tsx

@@ -23,8 +23,8 @@ function ConnectorLogo({
                 loading="lazy"
                 alt=""
                 style={{
-                    width: 'auto',
                     maxHeight: maxHeight ?? 75,
+                    maxWidth: '100%',
                     padding: padding ?? '0 1rem',
                 }}
             />

src/components/connectors/card/index.tsx

@@ -47,7 +47,11 @@ function ConnectorCard({
                                 marginBottom: recommended ? 1 : 2,
                             }}
                         >
-                            <Box
+                            <Stack
+                                style={{
+                                    justifyContent: 'center',
+                                    alignItems: 'center',
+                                }}
                                 sx={
                                     recommended
                                         ? {
@@ -59,21 +63,14 @@ function ConnectorCard({
                                         : connectorImageBackgroundSx
                                 }
                             >
-                                <Stack
-                                    sx={{
-                                        justifyContent: 'center',
-                                        alignItems: 'center',
-                                    }}
-                                >
-                                    <Box>{logo}</Box>
+                                {logo}
 
-                                    {docsUrl ? (
-                                        <ExternalLink link={docsUrl}>
-                                            <FormattedMessage id="terms.documentation" />
-                                        </ExternalLink>
-                                    ) : null}
-                                </Stack>
-                            </Box>
+                                {docsUrl ? (
+                                    <ExternalLink link={docsUrl}>
+                                        <FormattedMessage id="terms.documentation" />
+                                    </ExternalLink>
+                                ) : null}
+                            </Stack>
 
                             {recommended ? (
                                 <Box