add styles

explorer-nextjs/app/components/ExplorerCard.tsx

@@ -208,10 +208,10 @@ const CardRatings = (props: ICardRatingsProps) => {
             paddingBottom={2}
             display={"flex"}
             justifyContent={"space-between"}
-            borderBottom={i === 0 ? "1px solid #C3D7D7" : "none"}
+            borderBottom={i < ratings.length - 1 ? "1px solid #C3D7D7" : "none"}
           >
             <Typography>{rating.title}</Typography>
-            <Box display={"flex"} gap={2} alignItems={"center"}>
+            <Box display={"flex"} gap={1} alignItems={"center"}>
               <Stars />
               <RatingTitle />
             </Box>

explorer-nextjs/app/page.tsx

@@ -93,7 +93,11 @@ const explorerCard: ContentCardProps = {
     url: "https://nymtech.net",
   },
   ratings: {
-    ratings: [{ title: "Rating", numberOfStars: 4 }],
+    ratings: [
+      { title: "Rating", numberOfStars: 4 },
+      { title: "Rating", numberOfStars: 2 },
+      { title: "Rating", numberOfStars: 3 },
+    ],
   },
 
   paragraph: "Additional line",