Menus, globals, vendor page

frontend/pages/vendors/index.js

@@ -136,9 +136,7 @@ export default function VendorsPage({ categories }) {
   return (
     <>
       <Flex alignItems="center" justifyContent="space-between" direction={['column', 'row']} mb="5" gap="5">
-        <Heading size="lg" my={8}>
-          Vendors
-        </Heading>
+        <Heading size="lg">Vendors</Heading>
         <Box>{isValidating && <Spinner />}</Box>
         <HStack gap="5">
           <InputGroup>
@@ -203,7 +201,7 @@ export default function VendorsPage({ categories }) {
               <LinkBox as={Card} rounded={4} key={v.id}>
                 <Image
                   roundedTop={4}
-                  objectFit="cover"
+                  objectFit="contain"
                   src={`${process.env.NEXT_PUBLIC_DIRECTUS_API_URL}/assets/${v.logo}?key=logo-card`}
                   alt={v.name}
                   width="250"