diff --git a/app/src/protyle/header/Background.ts b/app/src/protyle/header/Background.ts
index 4ed8e26e8..94e4d8daa 100644
--- a/app/src/protyle/header/Background.ts
+++ b/app/src/protyle/header/Background.ts
@@ -3,13 +3,7 @@ import {getRandom, isMobile} from "../../util/functions";
 import {hideElements} from "../ui/hideElements";
 import {uploadFiles} from "../upload";
 import {fetchPost} from "../../util/fetch";
-import {
-    getRandomEmoji,
-    openEmojiPanel,
-    unicode2Emoji,
-    updateFileTreeEmoji,
-    updateOutlineEmoji
-} from "../../emoji";
+import {getRandomEmoji, openEmojiPanel, unicode2Emoji, updateFileTreeEmoji, updateOutlineEmoji} from "../../emoji";
 import {upDownHint} from "../../util/upDownHint";
 /// #if !MOBILE
 import {openGlobalSearch} from "../../search/util";
@@ -322,7 +316,7 @@ export class Background {
                         dialog.destroy();
                     });
                     btnsElement[1].addEventListener("click", () => {
-                        const style = `background-image:url(${dialog.element.querySelector("input").value});`;
+                        const style = `background-image:url("${dialog.element.querySelector("input").value}");`;
                         this.ial["title-img"] = style;
                         this.render(this.ial, protyle.block.rootID);
                         fetchPost("/api/attr/setBlockAttrs", {