diff --git a/src/pages/dashboard/Content/Support/Chat/ChatDocument.tsx b/src/pages/dashboard/Content/Support/Chat/ChatDocument.tsx
index f180a67..c0ba536 100644
--- a/src/pages/dashboard/Content/Support/Chat/ChatDocument.tsx
+++ b/src/pages/dashboard/Content/Support/Chat/ChatDocument.tsx
@@ -24,6 +24,7 @@ export default function ChatDocument({
         display: "flex",
         gap: "9px",
         padding: isSelf ? "0 8px 0 0" : "0 0 0 8px",
+        justifyContent: isSelf ? "end" : "start",
       }}
     >
     <Typography sx={{
diff --git a/src/pages/dashboard/Content/Support/Chat/ChatImage.tsx b/src/pages/dashboard/Content/Support/Chat/ChatImage.tsx
index 8842d48..6dbc04f 100644
--- a/src/pages/dashboard/Content/Support/Chat/ChatImage.tsx
+++ b/src/pages/dashboard/Content/Support/Chat/ChatImage.tsx
@@ -32,6 +32,7 @@ export default function ChatImage({
         display: "flex",
         gap: "9px",
         padding: isSelf ? "0 8px 0 0" : "0 0 0 8px",
+        justifyContent: isSelf ? "end" : "start",
       }}
     >
     <Typography sx={{
diff --git a/src/pages/dashboard/Content/Support/Chat/ChatMessage.tsx b/src/pages/dashboard/Content/Support/Chat/ChatMessage.tsx
index 0c944a0..cf71127 100644
--- a/src/pages/dashboard/Content/Support/Chat/ChatMessage.tsx
+++ b/src/pages/dashboard/Content/Support/Chat/ChatMessage.tsx
@@ -24,6 +24,7 @@ export default function ChatMessage({
         display: "flex",
         gap: "9px",
         padding: isSelf ? "0 8px 0 0" : "0 0 0 8px",
+        justifyContent: isSelf ? "end" : "start",
       }}
     >
     <Typography sx={{
diff --git a/src/pages/dashboard/Content/Support/Chat/ChatVideo.tsx b/src/pages/dashboard/Content/Support/Chat/ChatVideo.tsx
index c11b54d..3ce2b0d 100644
--- a/src/pages/dashboard/Content/Support/Chat/ChatVideo.tsx
+++ b/src/pages/dashboard/Content/Support/Chat/ChatVideo.tsx
@@ -24,6 +24,7 @@ export default function ChatImage({
         display: "flex",
         gap: "9px",
         padding: isSelf ? "0 8px 0 0" : "0 0 0 8px",
+        justifyContent: isSelf ? "end" : "start",
       }}
     >
       <Typography
diff --git a/src/pages/dashboard/Content/Support/Chat/Message.tsx b/src/pages/dashboard/Content/Support/Chat/Message.tsx
index 0325413..a17792a 100644
--- a/src/pages/dashboard/Content/Support/Chat/Message.tsx
+++ b/src/pages/dashboard/Content/Support/Chat/Message.tsx
@@ -18,7 +18,7 @@ export default function Message({ message, isSelf }: Props) {
             {new Date(message.created_at).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}
         </Typography>
     );
-
+console.log(isSelf)
     return (
         <Box sx={{
             display: "flex",