From 59b4b64eae7b2efe025072a1b3dd86bc7b8c6c5f Mon Sep 17 00:00:00 2001
From: aharwood9 <45667737+aharwood9@users.noreply.github.com>
Date: Tue, 14 Mar 2023 17:26:51 +0000
Subject: [PATCH] fix: Add style prop to Bullet component (#2008)

---
 .../Message/MessageSimple/utils/renderText.tsx   | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/package/src/components/Message/MessageSimple/utils/renderText.tsx b/package/src/components/Message/MessageSimple/utils/renderText.tsx
index 164afc2081..c3205e702e 100644
--- a/package/src/components/Message/MessageSimple/utils/renderText.tsx
+++ b/package/src/components/Message/MessageSimple/utils/renderText.tsx
@@ -327,7 +327,10 @@ export const ListOutput = ({ node, output, state, styles }: ListOutputProps) =>
         if (item === null) {
           return (
             <ListRow key={index} style={styles?.listRow} testID='list-item'>
-              <Bullet index={node.ordered && indexAfterStart} />
+              <Bullet
+                index={node.ordered && indexAfterStart}
+                style={node.ordered ? styles?.listItemNumber : styles?.listItemBullet}
+              />
             </ListRow>
           );
         }
@@ -338,7 +341,10 @@ export const ListOutput = ({ node, output, state, styles }: ListOutputProps) =>
 
         return (
           <ListRow key={index} style={styles?.listRow} testID='list-item'>
-            <Bullet index={node.ordered && indexAfterStart} />
+            <Bullet
+              index={node.ordered && indexAfterStart}
+              style={node.ordered ? styles?.listItemNumber : styles?.listItemBullet}
+            />
             <ListItem key={1} style={[styles?.listItemText, style]}>
               {output(item, state)}
             </ListItem>
@@ -354,13 +360,13 @@ interface BulletProps extends TextProps {
 }
 
 const Bullet = ({ index, style }: BulletProps) => (
-  <Text key={0} style={[style, defaultMarkdownStyles.listItemNumber]}>
+  <Text key={0} style={style}>
     {index ? `${index}. ` : '\u2022 '}
   </Text>
 );
 
-const ListRow = (props: PropsWithChildren<ViewProps>) => (
-  <Text style={[props.style, defaultMarkdownStyles.listRow]}>{props.children}</Text>
+const ListRow = ({ children, style }: PropsWithChildren<ViewProps>) => (
+  <Text style={style}>{children}</Text>
 );
 
 const ListItem = ({ children, style }: PropsWithChildren<TextProps>) => (