fixup! Add modal of app for the marketplace.

icons/star_outline.svg

-<svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 18 18" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
   <path fill-rule="evenodd" clip-rule="evenodd" d="M13.76 17.333a.604.604 0 0 1-.294-.075l.293.075Zm.004 0a.625.625 0 0 0 .477-.234.671.671 0 0 0 .14-.538l-.853-5.21 3.615-3.689a.69.69 0 0 0 .16-.677.663.663 0 0 0-.194-.301.617.617 0 0 0-.316-.149l-4.884-.743a.208.208 0 0 1-.157-.117l-2.186-4.64a.65.65 0 0 0-.233-.269.61.61 0 0 0-.666 0 .65.65 0 0 0-.232.269l-2.186 4.64a.208.208 0 0 1-.158.117l-4.884.743a.618.618 0 0 0-.316.149.663.663 0 0 0-.193.3.69.69 0 0 0 .16.678l3.54 3.614a.208.208 0 0 1 .058.18l-.837 5.105a.69.69 0 0 0 .038.36.657.657 0 0 0 .213.286.613.613 0 0 0 .663.05L8.9 14.854a.208.208 0 0 1 .2 0l4.366 2.405m-7.795-2.915c-.028.172.154.3.307.216L8.9 12.95a.208.208 0 0 1 .2 0l2.923 1.61a.208.208 0 0 0 .306-.216l-.566-3.452a.208.208 0 0 1 .057-.18l2.486-2.536a.208.208 0 0 0-.118-.351l-3.408-.519a.208.208 0 0 1-.157-.117L9.189 4.145a.208.208 0 0 0-.377 0L7.378 7.19a.208.208 0 0 1-.158.117l-3.408.519a.208.208 0 0 0-.117.351l2.485 2.537a.208.208 0 0 1 .057.18l-.566 3.45Zm8.093 2.99h-.003.003Z" fill="#4A5568"/>
 </svg>

ui/apps/AppModal.tsx

@@ -183,22 +183,20 @@ const AppModal = ({
               display="flex"
               alignItems="center"
               paddingRight={{ sm: 2 }}
-              marginBottom={{ base: 2, sm: 0 }}
-              overflow="hidden"
+              marginBottom={{ base: 3, sm: 0 }}
               maxW="100%"
+              overflow="hidden"
             >
               <Icon
                 as={ LinkIcon }
                 display="inline"
                 verticalAlign="baseline"
                 boxSize={ 3 }
-                color="blue.400"
                 marginRight={ 2 }
               />
 
               <Text
-                as="span"
-                color="blue.400"
+                color="inherit"
                 whiteSpace="nowrap"
                 overflow="hidden"
                 textOverflow="ellipsis"
@@ -211,7 +209,9 @@ const AppModal = ({
           { socialLinks.length && (
             <List
               marginLeft={{ sm: 'auto' }}
-              display="flex"
+              display="grid"
+              gridAutoFlow="column"
+              columnGap={ 2 }
             >
               { socialLinks.map(({ icon, url }) => (
                 <Link
@@ -225,15 +225,12 @@ const AppModal = ({
                   isExternal
                   w={ 10 }
                   h={ 10 }
-                  marginRight={ 2 }
-                  _last={{ marginRight: 0 }}
                 >
                   <Icon
                     as={ icon }
                     w="20px"
                     h="20px"
                     display="block"
-                    color="blue.400"
                   />
                 </Link>
               )) }