diff --git a/public/images/favicons/favicon.ico b/public/images/favicons/favicon.ico
index 2e20dd39..7d782e3d 100644
Binary files a/public/images/favicons/favicon.ico and b/public/images/favicons/favicon.ico differ
diff --git a/public/images/favicons/favicon.png b/public/images/favicons/favicon.png
index 1fae26cc..e5568823 100644
Binary files a/public/images/favicons/favicon.png and b/public/images/favicons/favicon.png differ
diff --git a/src/components/ProductCards.tsx b/src/components/ProductCards.tsx
index c0da2c18..aa668d2d 100644
--- a/src/components/ProductCards.tsx
+++ b/src/components/ProductCards.tsx
@@ -35,6 +35,8 @@ const ProductCard: React.FC<ProductCardProps> = ({
         flexDirection: 'column',
         alignItems: 'stretch',
         minWidth: 0,
+        height: '100%',
+        marginTop: '0',
       }}
     >
       <h3
@@ -146,7 +148,7 @@ export function ProductCards() {
         gridTemplateColumns: 'repeat(auto-fit, minmax(340px, 1fr))',
         gap: '2rem',
         marginBottom: '3rem',
-        alignItems: 'stretch',
+        alignItems: 'start',
       }}
     >
       {cards.map((card, idx) => (
diff --git a/src/components/feature-coverage/FeatureCoverage.tsx b/src/components/feature-coverage/FeatureCoverage.tsx
index 8ba923a3..e9037a24 100644
--- a/src/components/feature-coverage/FeatureCoverage.tsx
+++ b/src/components/feature-coverage/FeatureCoverage.tsx
@@ -156,7 +156,7 @@ export default function PersistenceCoverage({ service }: { service: string }) {
                         textAlign: header.id === 'operation' ? 'left' : 'center',
                         border: '1px solid #999CAD',
                         background: '#AFB2C2',
-                        color: '#101114',
+                        color: 'var(--sl-color-gray-1)',
                         fontFamily: 'AeonikFono',
                         fontSize: '14px',
                         fontStyle: 'normal',
@@ -186,7 +186,7 @@ export default function PersistenceCoverage({ service }: { service: string }) {
             ))}
           </TableHeader>
           <TableBody  style={{
-                        color: '#212229',
+                        color: 'var(--sl-color-gray-1)',
                         fontFamily: 'AeonikFono',
                         fontSize: '14px',
                         fontStyle: 'normal',
diff --git a/src/components/persistence-coverage/PersistenceCoverage.tsx b/src/components/persistence-coverage/PersistenceCoverage.tsx
index 693d9603..85731ba8 100644
--- a/src/components/persistence-coverage/PersistenceCoverage.tsx
+++ b/src/components/persistence-coverage/PersistenceCoverage.tsx
@@ -186,7 +186,7 @@ export default function PersistenceCoverage() {
                         textAlign: header.id === 'full_name' ? 'left' : 'center',
                         border: '1px solid #999CAD',
                         background: '#AFB2C2',
-                        color: '#101114',
+                        color: 'var(--sl-color-gray-1)',
                         fontFamily: 'AeonikFono',
                         fontSize: '14px',
                         fontStyle: 'normal',
@@ -216,13 +216,13 @@ export default function PersistenceCoverage() {
             ))}
           </TableHeader>
           <TableBody style={{
-            color: '#212229',
             fontFamily: 'AeonikFono',
             fontSize: '14px',
             fontStyle: 'normal',
             fontWeight: '400',
             lineHeight: '16px',
             letterSpacing: '-0.15px',
+            color: 'var(--sl-color-gray-1)',
           }}>
             {table.getRowModel().rows.map((row) => (
               <TableRow key={row.id}>
diff --git a/src/components/replicator-coverage/ReplicatorCoverage.tsx b/src/components/replicator-coverage/ReplicatorCoverage.tsx
index 5aa50ae6..33915562 100644
--- a/src/components/replicator-coverage/ReplicatorCoverage.tsx
+++ b/src/components/replicator-coverage/ReplicatorCoverage.tsx
@@ -161,7 +161,7 @@ export default function ReplicatorCoverage() {
                         textAlign: 'center',
                         border: '1px solid #999CAD',
                         background: '#AFB2C2',
-                        color: '#101114',
+                        color: 'var(--sl-color-gray-1)',
                         fontFamily: 'AeonikFono',
                         fontSize: '14px',
                         fontStyle: 'normal',
@@ -191,7 +191,7 @@ export default function ReplicatorCoverage() {
             ))}
           </TableHeader>
           <TableBody style={{
-            color: '#212229',
+            color: 'var(--sl-color-gray-1)',
             fontFamily: 'AeonikFono',
             fontSize: '14px',
             fontStyle: 'normal',
diff --git a/src/styles/custom.css b/src/styles/custom.css
index 0840e0a2..e2ca6d2a 100644
--- a/src/styles/custom.css
+++ b/src/styles/custom.css
@@ -165,6 +165,10 @@
   font-weight: normal !important;
 }
 
+.sidebar-content .top-level > li {
+    min-height: 32.4px;
+}
+
 .sidebar-content .top-level > li .large {
     font-family: 'AeonikFono', sans-serif;
     font-size: 16px !important;
@@ -172,6 +176,7 @@
     line-height: 1.0;
     color: var(--gray-neutral-400);
     letter-spacing: -0.15%;
+    line-height: 1.4;
 }
 
 select.astro-oojz3yon {