diff --git a/src/views/Action/index.js b/src/views/Action/index.js
index a87e88f..c8b32a0 100644
--- a/src/views/Action/index.js
+++ b/src/views/Action/index.js
@@ -51,7 +51,7 @@ export default function Action({ translator }) {
 
   const popProps = useMemo(() => {
     const width = Math.min(windowSize.w, 300);
-    const height = Math.min(windowSize.h, 386);
+    const height = Math.min(windowSize.h, 442);
     const left = (windowSize.w - width) / 2;
     const top = (windowSize.h - height) / 2;
     return {
diff --git a/src/views/Popup/index.js b/src/views/Popup/index.js
index 5e4ae5e..d5b6627 100644
--- a/src/views/Popup/index.js
+++ b/src/views/Popup/index.js
@@ -89,7 +89,7 @@ export default function Popup({ setShowPopup, translator: tran }) {
     );
   }
 
-  const { transOpen, translator, fromLang, toLang, textStyle } = rule;
+  const { transOpen, translator, fromLang, toLang, textStyle, bgColor } = rule;
 
   return (
     <Box minWidth={300} sx={{ p: 2 }}>
@@ -168,6 +168,14 @@ export default function Popup({ setShowPopup, translator: tran }) {
           ))}
         </TextField>
 
+        <TextField
+          size="small"
+          name="bgColor"
+          defaultValue={bgColor}
+          label={i18n("bg_color")}
+          onBlur={handleChange}
+        />
+
         <Button variant="text" onClick={handleOpenSetting}>
           {i18n("setting")}
         </Button>