From a4b640827e6294474f8ccc51a5f9176d2ffff9a3 Mon Sep 17 00:00:00 2001
From: mulan xia <mulanjxia@gmail.com>
Date: Thu, 1 Feb 2024 18:16:50 -0500
Subject: [PATCH] clean up naming of icon

---
 src/views/dialogs/DisplaySettingsDialog.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/dialogs/DisplaySettingsDialog.tsx b/src/views/dialogs/DisplaySettingsDialog.tsx
index 06183f4..07b369f 100644
--- a/src/views/dialogs/DisplaySettingsDialog.tsx
+++ b/src/views/dialogs/DisplaySettingsDialog.tsx
@@ -98,12 +98,12 @@ export const DisplaySettingsDialog = ({ setIsOpen }: ElementProps) => {
           >
             <Styled.ColorPreferenceLabel>
               <Styled.ArrowIconContainer>
-                <Styled.Icon
+                <Styled.ArrowIcon
                   iconName={IconName.Arrow}
                   direction="up"
                   color={colorMode === AppColorMode.GreenUp ? 'green' : 'red'}
                 />
-                <Styled.Icon
+                <Styled.ArrowIcon
                   iconName={IconName.Arrow}
                   direction="down"
                   color={colorMode === AppColorMode.GreenUp ? 'red' : 'green'}
@@ -242,7 +242,7 @@ Styled.ArrowIconContainer = styled.div`
   gap: 0.5ch;
 `;
 
-Styled.Icon = styled(Icon)<{ direction: 'up' | 'down'; color: 'green' | 'red' }>`
+Styled.ArrowIcon = styled(Icon)<{ direction: 'up' | 'down'; color: 'green' | 'red' }>`
   ${({ direction }) =>
     ({
       ['up']: css`