From 43ffa86387a463ae59c86d79863ef9d23f33b682 Mon Sep 17 00:00:00 2001
From: Luke <sabolukas03@gmail.com>
Date: Fri, 29 Jul 2022 17:17:06 +0200
Subject: [PATCH] refactor(web/menu): improve list menu text alignment

---
 web/src/features/menu/list/ListItem.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/src/features/menu/list/ListItem.tsx b/web/src/features/menu/list/ListItem.tsx
index 0aac88d..ec6eede 100644
--- a/web/src/features/menu/list/ListItem.tsx
+++ b/web/src/features/menu/list/ListItem.tsx
@@ -39,10 +39,15 @@ const ListItem = forwardRef<Array<HTMLDivElement | null>, Props>(({ item, index,
             <Text>{item.value[scrollIndex]}</Text>
           </Stack>
           <Spacer />
-          <FontAwesomeIcon icon="arrows-left-right" fontSize={20} color="#909296" />
+          <Stack direction="row" spacing="sm" mr={3}>
+            <FontAwesomeIcon icon="chevron-left" fontSize={16} color="#909296" />
+            <FontAwesomeIcon icon="chevron-right" fontSize={16} color="#909296" />
+          </Stack>
         </Flex>
       ) : (
-        item.label
+        <Flex alignItems="center" height="100%">
+          <Text>{item.label}</Text>
+        </Flex>
       )}
     </Box>
   );