diff --git a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
index 8d3d3bcf8..bfd510a30 100644
--- a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
@@ -125,15 +125,16 @@ export default function BuildTrigger({
 
   return (
     <Transition
-      show={!open}
-      appear={true}
-      enter="transition ease-out duration-300"
-      enterTo="translate-x-0"
-      leave="transition ease-in duration-300"
-      leaveFrom="translate-x-0"
-      leaveTo="translate-x-96"
+    show={!open}
+    appear={true}
+    enter="transition ease-out duration-300"
+    enterFrom="translate-y-96"
+    enterTo="translate-y-0"
+    leave="transition ease-in duration-300"
+    leaveFrom="translate-y-0"
+    leaveTo="translate-y-96"
     >
-      <div className={`absolute right-8 bottom-[620px]`}>
+     <div className={`fixed right-4` + (isBuilt ? " bottom-20" : " bottom-4")}>
         <div
           className="flex justify-center align-center py-1 px-3 w-12 h-12 rounded-full shadow-md hover:shadow-sm shadow-[#00000063] hover:shadow-[#00000063]
            bg-[#E2E7EE] dark:border-gray-600 cursor-pointer"
diff --git a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
index 4addab54c..d87aafd02 100644
--- a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
@@ -18,18 +18,18 @@ export default function ChatTrigger({ open, setOpen, isBuilt }) {
   }
 
   return (
-    <Transition
+<Transition
       show={!open}
       appear={true}
       enter="transition ease-out duration-300"
-      enterFrom="translate-x-96"
+      enterFrom="translate-y-96"
       enterTo="translate-y-0"
       leave="transition ease-in duration-300"
-      leaveFrom="translate-x-0"
-      leaveTo="translate-x-96"
-    >
+      leaveFrom="translate-y-0"
+      leaveTo="translate-y-96"
+>
 
-      <div className="absolute right-[100px] bottom-[620px]">
+<div className="absolute bottom-4 right-3">
         <div
           className="
           rounded-full shadow-md hover:shadow-sm shadow-[#00000063] hover:shadow-[#00000063]