From 2aa2ab878b82b7813c340748ee7711fe6c936530 Mon Sep 17 00:00:00 2001
From: Luna Wang <lunawang@google.com>
Date: Fri, 26 Sep 2025 15:02:54 -0700
Subject: [PATCH] Remove border from user messages and color `>` to improve UI
 and readability (#9984)

---
 .../cli/src/ui/components/messages/UserMessage.tsx  | 13 ++-----------
 1 file changed, 2 insertions(+), 11 deletions(-)

diff --git a/packages/cli/src/ui/components/messages/UserMessage.tsx b/packages/cli/src/ui/components/messages/UserMessage.tsx
index 2de3ed0df8..5cc2b965ca 100644
--- a/packages/cli/src/ui/components/messages/UserMessage.tsx
+++ b/packages/cli/src/ui/components/messages/UserMessage.tsx
@@ -20,20 +20,11 @@ export const UserMessage: React.FC<UserMessageProps> = ({ text }) => {
   const isSlashCommand = checkIsSlashCommand(text);
 
   const textColor = isSlashCommand ? theme.text.accent : theme.text.secondary;
-  const borderColor = isSlashCommand ? theme.text.accent : theme.text.secondary;
 
   return (
-    <Box
-      borderStyle="round"
-      borderColor={borderColor}
-      flexDirection="row"
-      paddingX={2}
-      paddingY={0}
-      marginY={1}
-      alignSelf="flex-start"
-    >
+    <Box flexDirection="row" paddingY={0} marginY={1} alignSelf="flex-start">
       <Box width={prefixWidth}>
-        <Text color={textColor} aria-label={SCREEN_READER_USER_PREFIX}>
+        <Text color={theme.text.accent} aria-label={SCREEN_READER_USER_PREFIX}>
           {prefix}
         </Text>
       </Box>