Home, styles

frontend/pages/vendors/index.js

@@ -134,7 +134,7 @@ export default function VendorsPage({ categories }) {
   }
 
   return (
-    <>
+    <Box className="vendors">
       <Flex alignItems="center" justifyContent="space-between" direction={['column', 'row']} mb="5" gap="5">
         <Heading size="lg">Vendors</Heading>
         <Box>{isValidating && <Spinner />}</Box>
@@ -302,6 +302,6 @@ export default function VendorsPage({ categories }) {
           </HStack>
         </>
       )}
-    </>
+    </Box>
   )
 }