diff --git a/build-scripts/social-previews/layouts/banner-css.ts b/build-scripts/social-previews/layouts/banner-css.ts
index 65abd02c..098bae00 100644
--- a/build-scripts/social-previews/layouts/banner-css.ts
+++ b/build-scripts/social-previews/layouts/banner-css.ts
@@ -1,5 +1,5 @@
 export default `
-@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&family=Roboto+Mono:wght@400;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Noto+Emoji&family=Roboto+Mono:wght@400;700&display=swap');
 
 * {
 	font-family: inherit;
@@ -111,18 +111,19 @@ pre code::before {
 	position: absolute;
 	top: calc(50% + var(--y));
 	left: calc(50% + var(--x));
-	filter: grayscale(1);
 }
 
 .rect svg {
 	margin: 20px;
     width: calc(100% - 40px);
 	height: calc(100% - 40px);
+	filter: grayscale(1);
 }
 
 .rect.emoji {
-	font-family: 'Noto Color Emoji';
+	font-family: 'Noto Emoji';
 	font-size: 100px;
+	color: #333;
 	display: flex;
 	align-items: center;
 	justify-content: center;