From 11024dbc939386fb2a9f2a5ef63ec54d8b93be75 Mon Sep 17 00:00:00 2001
From: Ajay Bura <32841439+ajbura@users.noreply.github.com>
Date: Sun, 26 Jan 2025 09:40:22 +0530
Subject: [PATCH] fix style issue of reply placeholder

---
 src/app/components/message/Reply.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/app/components/message/Reply.tsx b/src/app/components/message/Reply.tsx
index 7687074e..a20ccb5c 100644
--- a/src/app/components/message/Reply.tsx
+++ b/src/app/components/message/Reply.tsx
@@ -21,7 +21,6 @@ export const ReplyLayout = as<'div', ReplyLayoutProps>(
     <Box
       className={classNames(css.Reply, className)}
       alignItems="Center"
-      alignSelf="Start"
       gap="100"
       {...props}
       ref={ref}
@@ -38,7 +37,7 @@ export const ReplyLayout = as<'div', ReplyLayoutProps>(
 );
 
 export const ThreadIndicator = as<'div'>(({ ...props }, ref) => (
-  <Box className={css.ThreadIndicator} alignItems="Center" alignSelf="Start" {...props} ref={ref}>
+  <Box className={css.ThreadIndicator} alignItems="Center" {...props} ref={ref}>
     <Icon className={css.ThreadIndicatorIcon} src={Icons.Message} />
     <Text size="T200">Threaded reply</Text>
   </Box>
@@ -74,7 +73,7 @@ export const Reply = as<'div', ReplyProps>(
     const bodyJSX = body ? scaleSystemEmoji(trimReplyFromBody(body)) : fallbackBody;
 
     return (
-      <Box direction="Column" {...props} ref={ref}>
+      <Box direction="Column" alignItems="Start" {...props} ref={ref}>
         {threadRootId && (
           <ThreadIndicator as="button" data-event-id={threadRootId} onClick={onClick} />
         )}
@@ -100,7 +99,7 @@ export const Reply = as<'div', ReplyProps>(
               style={{
                 backgroundColor: color.SurfaceVariant.ContainerActive,
                 maxWidth: toRem(placeholderWidth),
-                width: '100%',
+                width: '100vw',
               }}
             />
           )}