diff --git a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
index 79e7ee247..8d3d3bcf8 100644
--- a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
@@ -128,13 +128,12 @@ export default function BuildTrigger({
       show={!open}
       appear={true}
       enter="transition ease-out duration-300"
-      enterFrom="translate-y-96"
-      enterTo="translate-y-0"
+      enterTo="translate-x-0"
       leave="transition ease-in duration-300"
-      leaveFrom="translate-y-0"
-      leaveTo="translate-y-96"
+      leaveFrom="translate-x-0"
+      leaveTo="translate-x-96"
     >
-      <div className={`fixed right-4` + (isBuilt ? " bottom-20" : " bottom-4")}>
+      <div className={`absolute right-8 bottom-[620px]`}>
         <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"
@@ -148,7 +147,7 @@ export default function BuildTrigger({
                 // Render your loading animation here when isBuilding is true
                 <Loading strokeWidth={1.5} style={{ color: "white" }} />
               ) : (
-                <Zap className="sh-6 w-6 fill-[#dc735b] stroke-1 stroke-[#dc735b]"/>
+                <Zap className="sh-6 w-6 fill-[#884cb1] stroke-1 stroke-[#884cb1]"/>
               )}
             </div>
           </button>
diff --git a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
index 6d379fcac..4addab54c 100644
--- a/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/chatTrigger/index.tsx
@@ -22,15 +22,18 @@ export default function ChatTrigger({ open, setOpen, isBuilt }) {
       show={!open}
       appear={true}
       enter="transition ease-out duration-300"
-      enterFrom="translate-y-96"
+      enterFrom="translate-x-96"
       enterTo="translate-y-0"
       leave="transition ease-in duration-300"
-      leaveFrom="translate-y-0"
-      leaveTo="translate-y-96"
+      leaveFrom="translate-x-0"
+      leaveTo="translate-x-96"
     >
-      <div className="absolute bottom-4 right-3">
+
+      <div className="absolute right-[100px] bottom-[620px]">
         <div
-          className="border flex justify-center items-center py-1 px-3 w-12 h-12 rounded-full bg-blue-500 dark:border-gray-600 cursor-pointer"
+          className="
+          rounded-full shadow-md hover:shadow-sm shadow-[#00000063] hover:shadow-[#00000063]
+          flex justify-center items-center w-12 h-12 bg-blue-500 dark:border-gray-600 cursor-pointer"
           onClick={handleClick}
         >
           <button>