fix styles

blockscout · Jan 24, 2024 · bde4d16 · bde4d16
1 parent 5e61c15
commit bde4d16
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/ui/marketplace/MarketplaceAppCard.tsx b/ui/marketplace/MarketplaceAppCard.tsx
@@ -128,8 +128,7 @@ const MarketplaceAppCard = ({
           fontSize={{ base: 'sm', sm: 'lg' }}
           fontWeight="semibold"
           fontFamily="heading"
-          display={ isExperiment ? 'flex' : 'inline-block' }
-          alignItems={ isExperiment ? 'center' : undefined }
+          display="inline-block"
         >
           <MarketplaceAppCardLink
             id={ id }
@@ -148,11 +147,12 @@ const MarketplaceAppCard = ({
             >
               <IconSvg
                 name={ integrationIcon }
-                marginLeft={ 2 }
                 boxSize={ 5 }
                 color={ integrationIconColor }
                 position="relative"
                 cursor="pointer"
+                verticalAlign="middle"
+                marginBottom={ 1 }
               />
             </Tooltip>
           ) }

diff --git a/ui/marketplace/MarketplaceAppCardLink.tsx b/ui/marketplace/MarketplaceAppCardLink.tsx
@@ -13,12 +13,12 @@ type Props = {
 
 const MarketplaceAppCardLink = ({ url, external, id, title, onClick }: Props) => {
   return external ? (
-    <LinkOverlay href={ url } isExternal={ true }>
+    <LinkOverlay href={ url } isExternal={ true } marginRight={ 2 }>
       { title }
     </LinkOverlay>
   ) : (
     <NextLink href={{ pathname: '/apps/[id]', query: { id } }} passHref legacyBehavior>
-      <LinkOverlay onClick={ onClick }>
+      <LinkOverlay onClick={ onClick } marginRight={ 2 }>
         { title }
       </LinkOverlay>
     </NextLink>