diff --git a/apps/web/src/components/Icons/Heart.tsx b/apps/web/src/components/Icons/Heart.tsx
index d388cf39..e94c2712 100644
--- a/apps/web/src/components/Icons/Heart.tsx
+++ b/apps/web/src/components/Icons/Heart.tsx
@@ -16,6 +16,10 @@ const Heart: React.FC<HeartProps> = ({
     width={size}
     xmlns="http://www.w3.org/2000/svg"
     height={size}
+    // The paths are drawn in a 20-unit space. Without a viewBox, width/height
+    // only resize the canvas — the drawing keeps its own size and anything
+    // under 20px is clipped on the right and bottom rather than scaled.
+    viewBox="0 0 20 20"
     style={{
       WebkitPrintColorAdjust: "exact",
       paddingTop: 1,
diff --git a/apps/web/src/components/Icons/HeartOutline.tsx b/apps/web/src/components/Icons/HeartOutline.tsx
index 0c1abadf..ad98883c 100644
--- a/apps/web/src/components/Icons/HeartOutline.tsx
+++ b/apps/web/src/components/Icons/HeartOutline.tsx
@@ -16,6 +16,10 @@ const HeartOutline: React.FC<HeartOutlineProps> = ({
     width={size}
     xmlns="http://www.w3.org/2000/svg"
     height={size}
+    // The paths are drawn in a 20-unit space. Without a viewBox, width/height
+    // only resize the canvas — the drawing keeps its own size and anything
+    // under 20px is clipped on the right and bottom rather than scaled.
+    viewBox="0 0 20 20"
     style={{
       WebkitPrintColorAdjust: "exact",
       paddingTop: 1,
diff --git a/desktop/src/components/Icons/Heart.tsx b/desktop/src/components/Icons/Heart.tsx
index d388cf39..e94c2712 100644
--- a/desktop/src/components/Icons/Heart.tsx
+++ b/desktop/src/components/Icons/Heart.tsx
@@ -16,6 +16,10 @@ const Heart: React.FC<HeartProps> = ({
     width={size}
     xmlns="http://www.w3.org/2000/svg"
     height={size}
+    // The paths are drawn in a 20-unit space. Without a viewBox, width/height
+    // only resize the canvas — the drawing keeps its own size and anything
+    // under 20px is clipped on the right and bottom rather than scaled.
+    viewBox="0 0 20 20"
     style={{
       WebkitPrintColorAdjust: "exact",
       paddingTop: 1,
diff --git a/desktop/src/components/Icons/HeartOutline.tsx b/desktop/src/components/Icons/HeartOutline.tsx
index 0c1abadf..ad98883c 100644
--- a/desktop/src/components/Icons/HeartOutline.tsx
+++ b/desktop/src/components/Icons/HeartOutline.tsx
@@ -16,6 +16,10 @@ const HeartOutline: React.FC<HeartOutlineProps> = ({
     width={size}
     xmlns="http://www.w3.org/2000/svg"
     height={size}
+    // The paths are drawn in a 20-unit space. Without a viewBox, width/height
+    // only resize the canvas — the drawing keeps its own size and anything
+    // under 20px is clipped on the right and bottom rather than scaled.
+    viewBox="0 0 20 20"
     style={{
       WebkitPrintColorAdjust: "exact",
       paddingTop: 1,