Update CSS

static/css/catalog.css

@@ -265,9 +265,10 @@ aside {
 .item-card-favorite-button {
     width: 16px;
     height: 16px;
+    box-sizing: border-box;
     border: 0;
     background: transparent;
-    padding: 0;
+    padding: 2px;
     color: #63768d;
     display: inline-flex;
     align-items: center;
@@ -283,8 +284,11 @@ aside {
 }
 
 .item-card-favorite-button svg {
-    width: 18px;
-    height: 18px;
+    width: 12px;
+    height: 12px;
+    max-width: 100%;
+    max-height: 100%;
+    transform: translateY(2px);
 }
 
 .item-card-favorite-button.is-active {

static/css/index.css

@@ -504,6 +504,12 @@
     background: #d9d9d9;
 }
 
+.product-actions .bi-heart {
+    box-sizing: border-box;
+    padding: 2px;
+    transform: translateY(2px);
+}
+
 .product-1 {
     grid-column: 1;
     grid-row: 1 / 7;

static/css/style.css

@@ -61,7 +61,7 @@
 
 :root {
     --font-logo: 'BerlinType', serif;
-    --font-content: 'Noah', sans-serif;
+    --font-content: 'Inter', sans-serif;
     --font-accent: 'Inter', sans-serif;
     --dark: #36213e;
     --mid: #554971;
@@ -426,6 +426,12 @@ header {
     height: 28px;
 }
 
+.header-icons .bi-heart {
+    box-sizing: border-box;
+    padding: 2px;
+    transform: translateY(2px);
+}
+
 .nav-bar {
     display: flex;
     align-items: center;