diff --git a/src/app/(main)/explore/_components/agent-list.tsx b/src/app/(main)/explore/_components/agent-list.tsx
index a79f928..b9d7445 100644
--- a/src/app/(main)/explore/_components/agent-list.tsx
+++ b/src/app/(main)/explore/_components/agent-list.tsx
@@ -67,7 +67,6 @@ export function AgentList() {
 
   return (
     <>
-      <ChatFloatingButton />
       <section className="group pt-8 pb-10 min-h-[50vh] ">
         <div className="layout">
           <h1 className="mb-4 text-3xl font-bold text-foreground sm:text-4xl">
diff --git a/src/app/(main)/layout.tsx b/src/app/(main)/layout.tsx
index 4c44456..772b3e6 100644
--- a/src/app/(main)/layout.tsx
+++ b/src/app/(main)/layout.tsx
@@ -1,5 +1,6 @@
 import Footer from "@/components/sections/footer";
 import Header from "@/components/sections/header";
+import { ChatFloatingButton } from "@/components/chat-floating-button";
 
 interface MarketingLayoutProps {
   children: React.ReactNode;
@@ -11,6 +12,7 @@ export default async function Layout({ children }: MarketingLayoutProps) {
       <Header />
       <main>{children}</main>
       <Footer />
+      <ChatFloatingButton />
     </>
   );
 }
diff --git a/src/components/chat-floating-button.tsx b/src/components/chat-floating-button.tsx
index 86b934b..a8ce7a6 100644
--- a/src/components/chat-floating-button.tsx
+++ b/src/components/chat-floating-button.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 
 import * as motion from "motion/react-client";