diff --git a/src/app/frames/hello/[name]/opengraph-image.tsx b/src/app/frames/hello/[name]/opengraph-image.tsx
index 6f76183..16221af 100644
--- a/src/app/frames/hello/[name]/opengraph-image.tsx
+++ b/src/app/frames/hello/[name]/opengraph-image.tsx
@@ -21,7 +21,7 @@ export default async function Image({ params }: Props) {
 
   return new ImageResponse(
     (
-      <div tw="h-full w-full flex flex-col justify-center items-center relative">
+      <div tw="h-full w-full flex flex-col justify-center items-center relative bg-white">
         <h1 tw="text-6xl">Hello, {name}</h1>
       </div>
     ),
diff --git a/src/app/frames/hello/opengraph-image.tsx b/src/app/frames/hello/opengraph-image.tsx
index a2ddd7b..5d0c3fb 100644
--- a/src/app/frames/hello/opengraph-image.tsx
+++ b/src/app/frames/hello/opengraph-image.tsx
@@ -13,7 +13,7 @@ export const contentType = "image/png";
 export default async function Image() {
   return new ImageResponse(
     (
-      <div tw="h-full w-full flex flex-col justify-center items-center relative">
+      <div tw="h-full w-full flex flex-col justify-center items-center relative bg-white">
         <h1 tw="text-6xl">Hello, world!</h1>
       </div>
     ),
diff --git a/src/app/opengraph-image.tsx b/src/app/opengraph-image.tsx
index 43202c1..ea6bf54 100644
--- a/src/app/opengraph-image.tsx
+++ b/src/app/opengraph-image.tsx
@@ -11,7 +11,7 @@ export const contentType = "image/png";
 export default async function Image() {
   return new ImageResponse(
     (
-      <div tw="h-full w-full flex flex-col justify-center items-center relative">
+      <div tw="h-full w-full flex flex-col justify-center items-center relative bg-white">
         <h1 tw="text-6xl">Frames v2 Demo</h1>
       </div>
     ),