From 795275585e495a39a2ef83054ce624cd794462bd Mon Sep 17 00:00:00 2001
From: Anastasios <anastas3993@gmail.com>
Date: Fri, 13 Dec 2024 20:49:39 +0400
Subject: [PATCH] fix: chevron in item layout

---
 .../ui/src/components/item-layout/item-layout.web.tsx     | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/item-layout/item-layout.web.tsx b/packages/ui/src/components/item-layout/item-layout.web.tsx
index 240ace928..8cd0ecde1 100644
--- a/packages/ui/src/components/item-layout/item-layout.web.tsx
+++ b/packages/ui/src/components/item-layout/item-layout.web.tsx
@@ -8,7 +8,7 @@ import {
   pressableChevronStyles,
 } from '../../components/pressable/pressable.web';
 import { CheckmarkIcon } from '../../icons/checkmark-icon.web';
-import { ChevronUpIcon } from '../../icons/chevron-up-icon.web';
+import { ChevronRightIcon } from '../../icons/chevron-right-icon.web';
 
 interface ItemLayoutProps {
   captionLeft: ReactNode;
@@ -82,7 +82,11 @@ export function ItemLayout({
           )}
         </Stack>
         {showChevron && (
-          <ChevronUpIcon color={pressableChevronStyles} transform="rotate(90deg)" variant="small" />
+          <ChevronRightIcon
+            color={pressableChevronStyles}
+            transform="rotate(90deg)"
+            variant="small"
+          />
         )}
       </HStack>
     </Flex>