From 480548029af177ee7cc23981c30879128d4167f1 Mon Sep 17 00:00:00 2001
From: Ubay Dillah <33889018+ubay1@users.noreply.github.com>
Date: Sat, 23 May 2026 07:08:02 +0700
Subject: [PATCH] fix(site): apply absolute positioning and full dimensions to
 HexagonGrid in OG images (#8909)

Co-authored-by: Macbook <macbook@Macbooks-MacBook-Pro.local>
---
 .../[locale]/next-data/og/[category]/[title]/route.tsx   | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/site/app/[locale]/next-data/og/[category]/[title]/route.tsx b/apps/site/app/[locale]/next-data/og/[category]/[title]/route.tsx
index edd24873a9e89..f99b8d756b819 100644
--- a/apps/site/app/[locale]/next-data/og/[category]/[title]/route.tsx
+++ b/apps/site/app/[locale]/next-data/og/[category]/[title]/route.tsx
@@ -35,7 +35,14 @@ export const GET = async (_: Request, props: StaticParams) => {
 
   return new ImageResponse(
     <div tw="relative flex items-center justify-center bg-black w-[1200px] h-[600px]">
-      <HexagonGrid style={{ background: gridBackground }} />
+      <HexagonGrid
+        style={{
+          background: gridBackground,
+          position: 'absolute',
+          width: '100%',
+          height: '100%',
+        }}
+      />
 
       <div tw="absolute mx-auto flex max-w-xl flex-col text-center text-3xl font-semibold text-white">
         <JsWhiteIcon width={71} height={80} tw="mx-auto" />