diff --git a/addon/bootstrap.js b/addon/bootstrap.js
index 707126d..39826cf 100644
--- a/addon/bootstrap.js
+++ b/addon/bootstrap.js
@@ -7,6 +7,8 @@ if (typeof Zotero == "undefined") {
   var Zotero;
 }
 
+var chromeHandle;
+
 // In Zotero 6, bootstrap methods are called before Zotero is initialized, and using include.js
 // to get the Zotero XPCOM service would risk breaking Zotero startup. Instead, wait for the main
 // Zotero window to open and get the Zotero object from there.
@@ -78,16 +80,17 @@ async function startup({ id, version, resourceURI, rootURI }, reason) {
       "@mozilla.org/addons/addon-manager-startup;1"
     ].getService(Components.interfaces.amIAddonManagerStartup);
     var manifestURI = Services.io.newURI(rootURI + "manifest.json");
-    var chromeHandle = aomStartup.registerChrome(manifestURI, [
-      ["content", "__addonRef__", "chrome/content/"],
-      ["locale", "__addonRef__", "en-US", "chrome/locale/en-US/"],
-      ["locale", "__addonRef__", "zh-CN", "chrome/locale/zh-CN/"],
+    chromeHandle = aomStartup.registerChrome(manifestURI, [
+      ["content", "__addonRef__", rootURI + "chrome/content/"],
+      ["locale", "__addonRef__", "en-US", rootURI + "chrome/locale/en-US/"],
+      ["locale", "__addonRef__", "zh-CN", rootURI + "chrome/locale/zh-CN/"],
     ]);
 
     Zotero.PreferencePanes.register({
       pluginID: "__addonID__",
-      src: `${rootURI}/chrome/content/preferences.xhtml`,
+      src: rootURI + "chrome/content/preferences.xhtml",
       extraDTD: [`chrome://__addonRef__/locale/overlay.dtd`],
+      defaultXUL: true,
     });
   }
 }
diff --git a/addon/chrome/content/preferences.xhtml b/addon/chrome/content/preferences.xhtml
index a526bd6..60607f3 100644
--- a/addon/chrome/content/preferences.xhtml
+++ b/addon/chrome/content/preferences.xhtml
@@ -1,13 +1,13 @@
-<xul:vbox
+<vbox
   id="zotero-prefpane-__addonRef__"
   onload="Zotero.AddonTemplate.prefs.initPreferences(window)"
 >
-  <xul:groupbox>
-    <label><h2>Addon Template Example</h2></label>
-    <xul:checkbox
+  <groupbox>
+    <label><html:h2>Addon Template Example</html:h2></label>
+    <checkbox
       id="zotero-prefpane-__addonRef__-enable"
       preference="pref-__addonRef__-enable"
       label="&zotero.__addonRef__.pref.enable.label;"
     />
-  </xul:groupbox>
-</xul:vbox>
+  </groupbox>
+</vbox>
diff --git a/src/views.ts b/src/views.ts
index eea346c..a1bc6bf 100644
--- a/src/views.ts
+++ b/src/views.ts
@@ -62,11 +62,6 @@ class AddonViews extends AddonModule {
 
   public initPrefs() {
     const Zotero = this._Addon.Zotero;
-    Zotero.PreferencePanes.register({
-      pluginID: addonID,
-      src: `${this._Addon.rootURI}/chrome/content/preferences.xhtml`,
-      extraDTD: [`chrome://${addonRef}/locale/overlay.dtd`],
-    });
   }
 
   public unInitViews() {