From 1c7e2fbb1012f40000d13c5cbbd341aecbef2d4a Mon Sep 17 00:00:00 2001
From: ymk <mkyms@outlook.com>
Date: Tue, 19 Aug 2025 18:31:10 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=84=E7=90=86=E5=B0=8Fbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/BackgroundSelector.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/common/BackgroundSelector.tsx b/src/components/common/BackgroundSelector.tsx
index d344bb1..401dbc2 100644
--- a/src/components/common/BackgroundSelector.tsx
+++ b/src/components/common/BackgroundSelector.tsx
@@ -88,7 +88,7 @@ export default function BackgroundSelector({
       <Flex gap={"2"} p="2" direction={"column"}>
         <Flex gap="2" align={"center"}>
           <Checkbox checked={backgroundType.includes("color")} onClick={(e) => handleBackgroundTypeChange("color")} className="cursor-pointer" />
-          <Heading as="h3" size={"3"}>{t("colorOption")}</Heading>
+          <Heading as="h3" size={"3"} className="w-24">{t("colorOption")}</Heading>
           <Flex gap={"4"} >
             <input
               type="color"
@@ -109,7 +109,7 @@ export default function BackgroundSelector({
 
         <Flex gap="2" align={"center"}>
           <Checkbox checked={backgroundType.includes("image")} onClick={(e) => handleBackgroundTypeChange("image")} className="cursor-pointer" />
-          <Heading as="h3" size={"3"}>{t("imageOption")}</Heading>
+          <Heading as="h3" size={"3"} className="w-24">{t("imageOption")}</Heading>
           <Flex gap={"4"} >
             <input
               type="file"