diff --git a/src/components/thread/messages/human.tsx b/src/components/thread/messages/human.tsx
index 3e9393b..453631c 100644
--- a/src/components/thread/messages/human.tsx
+++ b/src/components/thread/messages/human.tsx
@@ -69,7 +69,7 @@ export function HumanMessage({
             onSubmit={handleSubmitEdit}
           />
         ) : (
-          <p>{contentString}</p>
+          <p className="text-right">{contentString}</p>
         )}
         <div className="flex gap-2 items-center ml-auto opacity-0 group-hover:opacity-100 transition-opacity">
           <BranchSwitcher
diff --git a/src/components/thread/utils.ts b/src/components/thread/utils.ts
index b24e8db..33f9c58 100644
--- a/src/components/thread/utils.ts
+++ b/src/components/thread/utils.ts
@@ -1,6 +1,6 @@
-import { MessageContent } from "@langchain/core/messages";
+import type { Message } from "@langchain/langgraph-sdk";
 
-export function getContentString(content: MessageContent): string {
+export function getContentString(content: Message["content"]): string {
   if (typeof content === "string") return content;
   const texts = content
     .filter((c): c is { type: "text"; text: string } => c.type === "text")