diff --git a/src/islands/Chatbot.tsx b/src/islands/Chatbot.tsx
index 7c1043c6..54e2f464 100644
--- a/src/islands/Chatbot.tsx
+++ b/src/islands/Chatbot.tsx
@@ -53,7 +53,7 @@ export function Chatbot(
   );
 }
 
-const replyStyles = tw`prose prose-sm prose-slate max-w-40 rounded-lg bg-slate-300 p-4 dark:prose-invert sm:max-w-60 dark:bg-slate-800`;
+const replyStyles = tw`prose prose-sm prose-slate rounded-lg max-w-60 bg-slate-300 p-4 dark:prose-invert dark:bg-slate-800`;
 
 function getReplySide(role: "assistant" | "user"): string {
   switch (role) {
diff --git a/src/routes/_layout.tsx b/src/routes/_layout.tsx
index ce4d72ae..05a8f29a 100644
--- a/src/routes/_layout.tsx
+++ b/src/routes/_layout.tsx
@@ -20,7 +20,7 @@ export default function Layout({ Component, url }: PageProps): JSX.Element {
         <Header active={url.pathname} />
         <Component />
       </Partial>
-      <Chatbot class="fixed right-10 bottom-10" />
+      <Chatbot class="fixed right-3 bottom-10 sm:right-10" />
       <Footer class="mt-auto" />
     </div>
   );