From f741e4566e85dc2575c6c88b6e074311537c7703 Mon Sep 17 00:00:00 2001
From: Abiria <abiria.dev@gmail.com>
Date: Fri, 5 Jul 2024 13:56:26 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=8A=A4=ED=83=80=EC=9D=BC=EB=93=9C=20?=
 =?UTF-8?q?=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20custom=20prop=20?=
 =?UTF-8?q?=EC=9D=B4=EB=A6=84=20=EB=AC=B8=EC=A0=9C=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Components/Common/InfoField/index.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/Components/Common/InfoField/index.tsx b/src/Components/Common/InfoField/index.tsx
index 807a66d6..8e5b6f6d 100644
--- a/src/Components/Common/InfoField/index.tsx
+++ b/src/Components/Common/InfoField/index.tsx
@@ -29,7 +29,7 @@ export const InfoField = ({
       width={width}
       titleWidth={titleWidth}
       contentWidth={contentWidth}
-      flexDirection={flexDirection}
+      $flexDirection={flexDirection}
       gap={gap}
       disabled={disabled}
       fontSize={fontSize}
@@ -44,16 +44,16 @@ const InfoFieldWrapper = styled.div<{
   width?: string;
   titleWidth?: number;
   contentWidth?: string;
-  flexDirection?: string;
+  $flexDirection?: string;
   gap?: number;
   disabled?: boolean;
   fontSize?: number;
 }>`
   display: flex;
-  flex-direction: ${(props) => props.flexDirection || 'row'};
+  flex-direction: ${(props) => props.$flexDirection || 'row'};
   width: ${(props) => props.width};
   text-align: start;
-  gap: ${(props) => (props.flexDirection ? '8px' : '24px')};
+  gap: ${(props) => (props.$flexDirection ? '8px' : '24px')};
   font-size: ${(props) => (props.fontSize ? props.fontSize : props.theme.font.medium)};
   font-weight: 500;
   line-height: 24px;
@@ -61,7 +61,7 @@ const InfoFieldWrapper = styled.div<{
   .field {
     &__title {
       text-align: start;
-      width: ${(props) => props.flexDirection || '184px'};
+      width: ${(props) => props.$flexDirection || '184px'};
       color: ${({ theme, disabled }) => (disabled ? 'rgba(0, 0, 0, 0.25)' : theme.color.black4)};
       ${media.tablet} {
         width: auto;