From a2e36647bb30abf0d3285eec559fc473b97fe8c3 Mon Sep 17 00:00:00 2001
From: Alex Kwiatkowski <alex+git@fremantle.io>
Date: Sat, 27 Dec 2025 16:11:58 -0800
Subject: [PATCH] fix: align list item bullets with text on products page

Use items-baseline instead of items-start to properly align the
bullet character with the text baseline, regardless of font size.
---
 src/components/products/ProductCard/ProductCard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/products/ProductCard/ProductCard.tsx b/src/components/products/ProductCard/ProductCard.tsx
index 86a6b38..7a06c65 100644
--- a/src/components/products/ProductCard/ProductCard.tsx
+++ b/src/components/products/ProductCard/ProductCard.tsx
@@ -42,8 +42,8 @@ export function ProductCard({
           </div>
           <ul className="space-y-2">
             {features.map((feature) => (
-              <li key={feature} className="flex items-start gap-2">
-                <span className="text-accent mt-0.5">•</span>
+              <li key={feature} className="flex items-baseline gap-2">
+                <span className="text-accent">•</span>
                 <Text size="sm">{feature}</Text>
               </li>
             ))}