From e846a542b2735413bd6401a20a3d00548bb63d2c Mon Sep 17 00:00:00 2001
From: nunomi0 <ykys1@naver.com>
Date: Tue, 14 Oct 2025 22:53:45 +0900
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20=EB=A0=88=EB=B2=A8=20=ED=83=9C?=
 =?UTF-8?q?=EA=B7=B8=20=EC=A4=91=EC=95=99=20=EB=B0=B0=EC=B9=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DailyChallenge.dailychallenge.main.jsx    | 25 ++++++++++---------
 ...ilyChallenge.dailychallenge.main.styles.js | 12 +++++++--
 2 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/src/APP/user-pages/DailyChallenge/DailyChallenge.dailychallenge.main.jsx b/src/APP/user-pages/DailyChallenge/DailyChallenge.dailychallenge.main.jsx
index 518e67b..0e01d8e 100644
--- a/src/APP/user-pages/DailyChallenge/DailyChallenge.dailychallenge.main.jsx
+++ b/src/APP/user-pages/DailyChallenge/DailyChallenge.dailychallenge.main.jsx
@@ -225,13 +225,20 @@ export default function DailyChallenge() {
               <Styled.AlgorithmTagIcon onClick={handleTagToggle}/>
               <Styled.Tooltip>태그 보기</Styled.Tooltip>
             </Styled.IconWithTooltip>
+    {/* 티어 아이콘 + 레벨 태그 */}
+    <Styled.TierWithLevel>
+      <Styled.IconWithTooltip>
+        <Styled.TierIcon onClick={handleTierToggle} $src={tierSrc}/>
+        <Styled.Tooltip>레벨 보기</Styled.Tooltip>
+      </Styled.IconWithTooltip>
 
-            {/* 티어 아이콘 */}
-            <Styled.IconWithTooltip>
-              <Styled.TierIcon onClick={handleTierToggle} $src={tierSrc}/>
-              <Styled.Tooltip>레벨 보기</Styled.Tooltip>
-            </Styled.IconWithTooltip>
-          </Styled.IconContainer>
+      {showLevel && challengeData && challengeData.level && (
+        <Styled.LevelTag>
+          <Styled.LevelTagText>{formatLevel(challengeData.level)}</Styled.LevelTagText>
+        </Styled.LevelTag>
+      )}
+    </Styled.TierWithLevel>
+  </Styled.IconContainer>
 
           <Styled.TagContainer $show={showTags || showLevel}>
             {showTags && challengeData && challengeData.algorithmList ? (
@@ -241,12 +248,6 @@ export default function DailyChallenge() {
                 </Styled.AlgorithmTag>
               ))
             ) : null}
-            
-            {showLevel && challengeData && challengeData.level && (
-              <Styled.LevelTag>
-                <Styled.LevelTagText>{formatLevel(challengeData.level)}</Styled.LevelTagText>
-              </Styled.LevelTag>
-            )}
           </Styled.TagContainer>
         </Styled.ProblemInfoContainer>
       </Styled.TitleContainer>
diff --git a/src/APP/user-pages/DailyChallenge/Styled/DailyChallenge.dailychallenge.main.styles.js b/src/APP/user-pages/DailyChallenge/Styled/DailyChallenge.dailychallenge.main.styles.js
index e1d17c4..1de3454 100644
--- a/src/APP/user-pages/DailyChallenge/Styled/DailyChallenge.dailychallenge.main.styles.js
+++ b/src/APP/user-pages/DailyChallenge/Styled/DailyChallenge.dailychallenge.main.styles.js
@@ -97,14 +97,13 @@ export const ProblemInfoContainer = styled.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
-  align-items: center;
 `
 
 export const IconContainer = styled.div`
   width: 100%;
   display: flex;
   flex-direction: row;
-  align-items: center;
+  align-items: flex-start;
   justify-content: center;
   gap: 1.542rem;
   margin-bottom: 0.583rem;
@@ -185,6 +184,7 @@ export const Tooltip = styled.div`
 `;
 
 export const IconWithTooltip = styled.div`
+  width: 3.8rem;
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -307,4 +307,12 @@ export const LevelTagText = styled.div`
   font-size: 0.667rem;
   font-weight: 500;
   color: ${tokens.colors.White};
+`;
+
+export const TierWithLevel = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
 `;
\ No newline at end of file

From da970fff77deb79927940ddbe0af01175d78b5f8 Mon Sep 17 00:00:00 2001
From: nunomi0 <ykys1@naver.com>
Date: Tue, 14 Oct 2025 22:54:13 +0900
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=EB=B0=B0=EA=B2=BD=20=EC=95=A0?=
 =?UTF-8?q?=EB=8B=88=EB=A9=94=EC=9D=B4=EC=85=98=20=EB=B9=84=EC=9C=A8=20?=
 =?UTF-8?q?=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DailyChallenge.dailychallenge.main.jsx    | 27 ++++++++++---------
 ...llenge.dailychallenge.background.styles.js |  1 +
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/APP/user-pages/DailyChallenge/DailyChallenge.dailychallenge.main.jsx b/src/APP/user-pages/DailyChallenge/DailyChallenge.dailychallenge.main.jsx
index 0e01d8e..9da195a 100644
--- a/src/APP/user-pages/DailyChallenge/DailyChallenge.dailychallenge.main.jsx
+++ b/src/APP/user-pages/DailyChallenge/DailyChallenge.dailychallenge.main.jsx
@@ -225,20 +225,21 @@ export default function DailyChallenge() {
               <Styled.AlgorithmTagIcon onClick={handleTagToggle}/>
               <Styled.Tooltip>태그 보기</Styled.Tooltip>
             </Styled.IconWithTooltip>
-    {/* 티어 아이콘 + 레벨 태그 */}
-    <Styled.TierWithLevel>
-      <Styled.IconWithTooltip>
-        <Styled.TierIcon onClick={handleTierToggle} $src={tierSrc}/>
-        <Styled.Tooltip>레벨 보기</Styled.Tooltip>
-      </Styled.IconWithTooltip>
+            
+            {/* 티어 아이콘 + 레벨 태그 */}
+            <Styled.TierWithLevel>
+              <Styled.IconWithTooltip>
+                <Styled.TierIcon onClick={handleTierToggle} $src={tierSrc}/>
+                <Styled.Tooltip>레벨 보기</Styled.Tooltip>
+              </Styled.IconWithTooltip>
 
-      {showLevel && challengeData && challengeData.level && (
-        <Styled.LevelTag>
-          <Styled.LevelTagText>{formatLevel(challengeData.level)}</Styled.LevelTagText>
-        </Styled.LevelTag>
-      )}
-    </Styled.TierWithLevel>
-  </Styled.IconContainer>
+              {showLevel && challengeData && challengeData.level && (
+                <Styled.LevelTag>
+                  <Styled.LevelTagText>{formatLevel(challengeData.level)}</Styled.LevelTagText>
+                </Styled.LevelTag>
+              )}
+            </Styled.TierWithLevel>
+          </Styled.IconContainer>
 
           <Styled.TagContainer $show={showTags || showLevel}>
             {showTags && challengeData && challengeData.algorithmList ? (
diff --git a/src/APP/user-pages/DailyChallenge/Styled/DailyChallenge.dailychallenge.background.styles.js b/src/APP/user-pages/DailyChallenge/Styled/DailyChallenge.dailychallenge.background.styles.js
index 5de8086..2781cd9 100644
--- a/src/APP/user-pages/DailyChallenge/Styled/DailyChallenge.dailychallenge.background.styles.js
+++ b/src/APP/user-pages/DailyChallenge/Styled/DailyChallenge.dailychallenge.background.styles.js
@@ -4,6 +4,7 @@ import styled, { css } from "styled-components";
 /* 한 캔버스 전체 래퍼 */
 export const Wrap = styled.div`
   position: absolute;
+  height: 120vw;
   inset: 0;
   overflow: hidden;
   pointer-events: none; /* 배경은 기본 비활성, 코알라만 이벤트 */