Use icon for the verified checkmark

sass/_comments.scss

@@ -85,7 +85,7 @@
 					box-shadow: var(--edge-highlight);
 					border-radius: 999px;
 					background-color: var(--fg-muted-1);
-					padding: 0.375rem 0.75rem;
+					padding: 0.375rem 0.75rem 0.375rem 0.5rem;
 					color: var(--fg-color);
 					font-size: 0.875rem;
 					line-height: 1;
@@ -111,8 +111,18 @@
 						}
 
 						&::before {
+							$icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='m1 7 3 3 7-8' style='fill:none;stroke:%23000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none'/%3E%3C/svg%3E");
+							-webkit-mask-image: $icon;
+							-webkit-mask-size: cover;
+							display: inline-block;
+							vertical-align: -0.0625rem;
+							mask-image: $icon;
+							mask-size: cover;
 							margin-inline-end: 0.25rem;
-							content: "✓";
+							background-color: var(--primary-color);
+							width: 0.75rem;
+							height: 0.75rem;
+							content: "";
 						}
 					}
 				}

sass/_external.scss

@@ -8,8 +8,8 @@
 	mask-size: cover;
 	margin-inline-start: 0.25rem;
 	background-color: var(--primary-color);
-	width: 0.75em;
-	height: 0.75em;
+	width: 0.75rem;
+	height: 0.75rem;
 	content: "";
 
 	:root[dir*="rtl"] & {