From 7638d75c333a65fceef06057e35f95e657a8dc07 Mon Sep 17 00:00:00 2001
From: Toby Nguyen <208221158+tobynguyen27@users.noreply.github.com>
Date: Sat, 28 Feb 2026 11:27:32 +0700
Subject: [PATCH 1/2] chore: stop binding style attribute

---
 apps/frontend/src/app/components/OgImage/Basic.takumi.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/app/components/OgImage/Basic.takumi.vue b/apps/frontend/src/app/components/OgImage/Basic.takumi.vue
index e1dc171..f856229 100644
--- a/apps/frontend/src/app/components/OgImage/Basic.takumi.vue
+++ b/apps/frontend/src/app/components/OgImage/Basic.takumi.vue
@@ -12,9 +12,13 @@ defineProps<Props>();
 		<img src="/og_template.png" alt="og" class="absolute z-1" width="1200px" height="630px" />
 
 		<div class="relative flex flex-col justify-between my-12 mx-20 z-10">
-			<h1 class="text-7xl text-[#EDEDED]" :style="{ fontFamily: 'Orbitron' }">Solitar</h1>
+			<h1
+				class="text-7xl text-[#EDEDED]"
+				style="font-family: &quot;Orbitron&quot;, sans-serif">
+				Solitar
+			</h1>
 
-			<div class="flex flex-col" :style="{ fontFamily: 'Geist Mono' }">
+			<div class="flex flex-col" style="font-family: &quot;Geist Mono&quot;, monospace">
 				<h2 class="text-5xl text-[#EDEDED]" v-if="subtitle">{{ subtitle }}</h2>
 				<h3 v-if="description" class="text-[#A0A0A0] text-3xl">
 					{{ description }}

From ec18615bbf167ae8f107628631135d45d6c676c6 Mon Sep 17 00:00:00 2001
From: Toby Nguyen <tobynguyen27@proton.me>
Date: Sat, 28 Feb 2026 04:35:04 +0000
Subject: [PATCH 2/2] chore: remove z-index

---
 apps/frontend/src/app/components/OgImage/Basic.takumi.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/app/components/OgImage/Basic.takumi.vue b/apps/frontend/src/app/components/OgImage/Basic.takumi.vue
index f856229..f6a9d11 100644
--- a/apps/frontend/src/app/components/OgImage/Basic.takumi.vue
+++ b/apps/frontend/src/app/components/OgImage/Basic.takumi.vue
@@ -14,11 +14,11 @@ defineProps<Props>();
 		<div class="relative flex flex-col justify-between my-12 mx-20 z-10">
 			<h1
 				class="text-7xl text-[#EDEDED]"
-				style="font-family: &quot;Orbitron&quot;, sans-serif">
+				style="font-family: 'Orbitron', sans-serif">
 				Solitar
 			</h1>
 
-			<div class="flex flex-col" style="font-family: &quot;Geist Mono&quot;, monospace">
+			<div class="flex flex-col" style="font-family: 'Geist Mono', monospace">
 				<h2 class="text-5xl text-[#EDEDED]" v-if="subtitle">{{ subtitle }}</h2>
 				<h3 v-if="description" class="text-[#A0A0A0] text-3xl">
 					{{ description }}