Callout visual tweaks

Author: benface

website/src/components/Callout.tsx

@@ -53,7 +53,7 @@ export const Callout = ({
       ])}
       {...(props as ComponentPropsWithoutRef<'div'>)}
     >
-      <div className="flex size-7 shrink-0 items-center justify-center">
+      <div className="flex size-6 shrink-0 items-center justify-center">
         {variant === 'info' ? (
           <Lightbulb size={4} color="astro-500" alt={!title ? t('global.content.callout.note') : ''} />
         ) : (
@@ -63,7 +63,7 @@ export const Callout = ({
       <div
         className={`
           text-body-xsmall flex-1
-          first:*:text-white
+          -:first:*:text-white
           mdx-[:is(p,ul,ol):not(:last-child,:is(ul,ol)_*)]:mb-3
           mdx-[ul,ol]:gap-1
         `}

website/src/supportedNetworks/index.tsx

@@ -60,11 +60,13 @@ export function SupportedNetworksTable({
   return (
     <>
       <Callout variant="info" className="mb-6">
-        {t('index.supportedNetworks.infoText')}{' '}
-        <ExperimentalLink href="https://thegraph.com/docs/en/indexing/chain-integration-overview/">
-          {t('index.supportedNetworks.infoLink')}
-        </ExperimentalLink>
-        .
+        <p>
+          {t('index.supportedNetworks.infoText')}{' '}
+          <ExperimentalLink href="https://thegraph.com/docs/en/indexing/chain-integration-overview/">
+            {t('index.supportedNetworks.infoLink')}
+          </ExperimentalLink>
+          .
+        </p>
       </Callout>
 
       <NetworkFilters