diff --git a/app/srv/api/comp-import.ts b/app/srv/api/comp-import.ts
new file mode 100644
index 00000000..f6138832
--- /dev/null
+++ b/app/srv/api/comp-import.ts
@@ -0,0 +1,9 @@
+import { apiContext } from "service-srv";
+
+export const _ = {
+  url: "/comp-import",
+  async api(arg: { site_id: string; comp_ids: string[] }) {
+    const { req, res } = apiContext(this);
+    return "This is comp-import.ts";
+  },
+};
diff --git a/app/web/src/nova/ed/panel/popup/comp/comp-import.tsx b/app/web/src/nova/ed/panel/popup/comp/comp-import.tsx
index 1c458ee6..9630db80 100644
--- a/app/web/src/nova/ed/panel/popup/comp/comp-import.tsx
+++ b/app/web/src/nova/ed/panel/popup/comp/comp-import.tsx
@@ -6,7 +6,7 @@ import { validate } from "uuid";
 export const EdCompImport = () => {
   const p = useGlobal(EDGlobal, "EDITOR");
   const local = useLocal({
-    site_id: "d3899ed7-a6fd-4e41-935e-ff5f96cd41d0",
+    site_id: "",
     groups: [] as {
       name: string;
       id: string;
@@ -79,7 +79,7 @@ export const EdCompImport = () => {
       >
         <div className="min-h-[400px] flex flex-col items-stretch p-3">
           <div className="flex justify-between items-center">
-            <div>Site ID:</div>
+            <div>Import from Site ID:</div>
             <div className="space-x-1 flex">
               <div
                 className="bg-white text-sm border px-2 my-1 flex items-center hover:border-blue-500 hover:bg-blue-50 cursor-pointer"
diff --git a/app/web/src/nova/ed/panel/popup/script/prop-gen.tsx b/app/web/src/nova/ed/panel/popup/script/prop-gen.tsx
index 0f7a91ea..dfe0796c 100644
--- a/app/web/src/nova/ed/panel/popup/script/prop-gen.tsx
+++ b/app/web/src/nova/ed/panel/popup/script/prop-gen.tsx
@@ -96,7 +96,7 @@ export const EdPropGen = () => {
                 {local.suggest_status !== "ready" ? (
                   <div className="flex items-center border-l px-2">⌛</div>
                 ) : (
-                  <label className="flex items-center border-l px-2 cursor-pointer hover:text-white hover:bg-blue-700 cursor-pointer">
+                  <label className="flex items-center border-l px-2 cursor-pointer cursor-pointer">
                     {local.suggest_label && (
                       <div className="flex pr-2">{local.suggest_label}</div>
                     )}
diff --git a/app/web/src/nova/ed/panel/side/style/tools/mobile-qr.tsx b/app/web/src/nova/ed/panel/side/style/tools/mobile-qr.tsx
index 56cfffeb..c6be15fb 100644
--- a/app/web/src/nova/ed/panel/side/style/tools/mobile-qr.tsx
+++ b/app/web/src/nova/ed/panel/side/style/tools/mobile-qr.tsx
@@ -51,7 +51,7 @@ export const MobileQRButton = () => {
             "flex flex-col w-[400px] items-stretch bg-white -mx-[8px] -my-[3px] text-[14px]"
           )}
         >
-          <div className="min-h-[80vh] flex flex-col items-center p-3">
+          <div className="min-h-[400px] flex flex-col items-center p-3">
             <QrSvg
               value={JSON.stringify({
                 site: { name: p.site.name, id: p.site.id },