fix: pr review changes

Author: kushagrasarathe

src/components/HorizontalCard.tsx

@@ -26,8 +26,8 @@ const HorizontalCard = ({
     <div className={cn("my-2 flex items-start gap-8", className)} {...props}>
       <Emoji text={emoji} className={cn("text-5xl", emojiClassName)} />
       <div className="flex-shrink flex-grow-0 basis-3/4 space-y-2">
-        <div className="text-lg">{title}</div>
-        <div className="text-base">{description}</div>
+        <p className="text-lg">{title}</p>
+        <p className="text-base">{description}</p>
         {children}
       </div>
     </div>

src/pages/eth.tsx

@@ -34,6 +34,7 @@ import { StandaloneQuizWidget } from "@/components/Quiz/QuizWidget"
 import Translation from "@/components/Translation"
 import { Divider } from "@/components/ui/divider"
 
+import { cn } from "@/lib/utils/cn"
 import { existsNamespace } from "@/lib/utils/existsNamespace"
 import { getLastDeployDate } from "@/lib/utils/getLastDeployDate"
 import { getLocaleTimestamp } from "@/lib/utils/time"
@@ -212,9 +213,11 @@ const CardContainer = (props: FlexProps) => (
 )
 
 const TokenCard = (props: ComponentProps<typeof HorizontalCard>) => (
-  <HorizontalCard {...props} className="mx-0 my-2 min-w-full rounded-none" />
+  <HorizontalCard
+    className={cn("mx-0 my-2 min-w-full rounded-none", props.className)}
+    {...props}
+  />
 )
-
 const TextDivider = () => (
   <Box
     w="10%"

src/pages/gas.tsx

@@ -298,8 +298,7 @@ const GasPage = () => {
                   key={benefit.emoji}
                   emoji={benefit.emoji}
                   description={benefit.description}
-                  emojiClassName="text-5xl"
-                  className="flex items-center py-2"
+                  className="flex items-center"
                 />
               </Box>
             ))}

src/pages/stablecoins.tsx

@@ -462,7 +462,6 @@ const StablecoinsPage = ({ markets, marketsHasError }) => {
                 <HorizontalCard
                   emoji={token.emoji}
                   description={token.description}
-                  emojiClassName="text-5xl"
                 />
               </Box>
             ))}

src/pages/wallets/index.tsx

@@ -363,7 +363,7 @@ const WalletsPage = () => {
                 emoji={type.emoji}
                 description={type.description}
                 className="my-0.5 w-[100%] items-center"
-                emojiClassName={"text-[2.5rem]"}
+                emojiClassName="text-[2.5rem]"
               />
             ))}
           </Box>