diff --git a/frontend/apps/editor2d/package.json b/frontend/apps/editor2d/package.json
index 9f802d34d1..dd8b50d48c 100644
--- a/frontend/apps/editor2d/package.json
+++ b/frontend/apps/editor2d/package.json
@@ -22,6 +22,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@storyteller/api": "file:../../libs/utils/api",
+    "@storyteller/login": "file:../../libs/components/login",
     "@devnomic/marquee": "^1.0.3",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-brands-svg-icons": "^6.7.2",
diff --git a/frontend/apps/editor2d/src/components/PromptBox.tsx b/frontend/apps/editor2d/src/components/PromptBox.tsx
index 46908dfff2..0c5338c7b4 100644
--- a/frontend/apps/editor2d/src/components/PromptBox.tsx
+++ b/frontend/apps/editor2d/src/components/PromptBox.tsx
@@ -35,6 +35,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { PopoverItem } from "~/components/reusable/Popover";
 import { Api, ApiManager } from "~/KonvaApp/Api";
 import { useJobContext } from "~/components/JobContext";
+import { Login } from "@storyteller/login";
 interface ReferenceImage {
   id: string;
   url: string;
@@ -281,6 +282,7 @@ export const PromptBox = () => {
 
   return (
     <div className="absolute bottom-4 left-1/2 flex -translate-x-1/2 flex-col gap-3">
+      <Login />
       {(referenceImages.length > 0 || uploadingImages.length > 0) && (
         <div className="flex w-full gap-2">
           {referenceImages.map((image) => (