From 0f7c7a406eac669c2b8534cfb9b4ef56e3547d65 Mon Sep 17 00:00:00 2001
From: cys4585 <dev.youngsu@gmail.com>
Date: Wed, 16 Oct 2024 21:16:43 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=95=88=EB=82=B4=EB=A9=B4=EC=A7=84?=
 =?UTF-8?q?=EB=8B=A4=20=EC=A0=9C=EB=AA=A9=20=EA=B8=B8=20=EB=95=8C=20UI=20?=
 =?UTF-8?q?=EA=B9=A8=EC=A7=80=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20=ED=95=B4?=
 =?UTF-8?q?=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/Bet/BetDetailPage/BetDetailPage.style.ts     | 5 +++--
 .../components/BetCardList/BetCard/BetCard.style.ts        | 7 +++++++
 .../BetListPage/components/BetCardList/BetCard/BetCard.tsx | 2 +-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/Bet/BetDetailPage/BetDetailPage.style.ts b/frontend/src/pages/Bet/BetDetailPage/BetDetailPage.style.ts
index b89887e68..56c88776f 100644
--- a/frontend/src/pages/Bet/BetDetailPage/BetDetailPage.style.ts
+++ b/frontend/src/pages/Bet/BetDetailPage/BetDetailPage.style.ts
@@ -8,8 +8,9 @@ export const containerStyle = css`
 
 export const titleBox = () => css`
   display: flex;
-  gap: 1rem;
-  align-items: center;
+  flex-direction: column;
+  gap: 4px;
+  align-items: flex-start;
 `;
 
 export const title = (props: { theme: Theme }) => css`
diff --git a/frontend/src/pages/Bet/BetListPage/components/BetCardList/BetCard/BetCard.style.ts b/frontend/src/pages/Bet/BetListPage/components/BetCardList/BetCard/BetCard.style.ts
index c1fb3ab15..4c604da96 100644
--- a/frontend/src/pages/Bet/BetListPage/components/BetCardList/BetCard/BetCard.style.ts
+++ b/frontend/src/pages/Bet/BetListPage/components/BetCardList/BetCard/BetCard.style.ts
@@ -27,3 +27,10 @@ export const count = ({ theme }: { theme: Theme }) => css`
   ${theme.typography.b3}
   color: ${theme.colorPalette.black[30]};
 `;
+
+export const tagBox = css`
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-end;
+  min-width: 80px;
+`;
diff --git a/frontend/src/pages/Bet/BetListPage/components/BetCardList/BetCard/BetCard.tsx b/frontend/src/pages/Bet/BetListPage/components/BetCardList/BetCard/BetCard.tsx
index 6b6712b60..45ab76c48 100644
--- a/frontend/src/pages/Bet/BetListPage/components/BetCardList/BetCard/BetCard.tsx
+++ b/frontend/src/pages/Bet/BetListPage/components/BetCardList/BetCard/BetCard.tsx
@@ -19,7 +19,7 @@ export default function BetCard(props: BetCardProps) {
         <div css={S.title({ theme })}>{bet.title}</div>
         <div css={S.count({ theme })}>현재 {bet.currentParticipants}명</div>
       </div>
-      <div>
+      <div css={S.tagBox}>
         <Tag isAnnounced={bet.isAnnounced} deadline={bet.deadline} />
       </div>
     </div>