diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6cc7b4e..eb96bae 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import AppSidebar from "@/components/Sidebar";
 import { Button } from "@/components/ui/button";
 import Image from "next/image";
@@ -5,7 +7,9 @@ import Image from "next/image";
 export default function Home() {
   return (
     <AppSidebar>
-      <Button>Hello</Button>
+      <Button onClick={() => {
+        
+      }}>Connect</Button>
     </AppSidebar>
   );
 }
diff --git a/src/components/MessageBox.tsx b/src/components/MessageBox.tsx
index 1d36773..b634907 100644
--- a/src/components/MessageBox.tsx
+++ b/src/components/MessageBox.tsx
@@ -65,6 +65,14 @@ function MessageContainer({ message }: { message: Message }) {
                         {...props}
                       />
                     ),
+                    a: ({ node, ...props }) => (
+                      <a
+                        className="text-accent-foreground underline underline-offset-2"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        {...props}
+                      />
+                    ),
                   }}
                 >
                   {line}