diff --git a/packages/web/src/pages/Event/Event2024Spring.tsx b/packages/web/src/pages/Event/Event2024Spring.tsx
index b5c25439c..b083ddd30 100644
--- a/packages/web/src/pages/Event/Event2024Spring.tsx
+++ b/packages/web/src/pages/Event/Event2024Spring.tsx
@@ -368,8 +368,8 @@ const Event2024Spring = () => {
width: "100%",
}}
>
-
-
+
+
{
-
+
{
css={{
...theme.font16,
...theme.ellipsis,
+ minWidth: "78px",
...styleText(isMe ? -1 : rank),
}}
>
@@ -183,7 +184,7 @@ const LeaderboardItem = ({ value, rank, isMe }: LeaderboardItemProps) => {
overflow: "hidden",
whiteSpace: "nowrap",
textOverflow: "ellipsis",
- maxWidth: "130px",
+ maxWidth: "100px",
color: theme.white,
...eventTheme.font10,
}}
diff --git a/packages/web/src/pages/Event/Event2024SpringMissions.tsx b/packages/web/src/pages/Event/Event2024SpringMissions.tsx
index 6eae3b8eb..b5e051905 100644
--- a/packages/web/src/pages/Event/Event2024SpringMissions.tsx
+++ b/packages/web/src/pages/Event/Event2024SpringMissions.tsx
@@ -151,7 +151,8 @@ export const MissionContainer = ({ quest }: MissionContainerProps) => {
};
const Event2024SpringMissions = () => {
- const { quests } = useValueRecoilState("event2024SpringInfo") || {};
+ const { isAgreeOnTermsOfEvent, quests } =
+ useValueRecoilState("event2024SpringInfo") || {};
useEventBackgroundEffect();
return (
@@ -161,7 +162,7 @@ const Event2024SpringMissions = () => {
-
+ {isAgreeOnTermsOfEvent && }
{quests?.map((quest) => (
diff --git a/packages/web/src/pages/Home/EventSection/EventSection2024Spring.tsx b/packages/web/src/pages/Home/EventSection/EventSection2024Spring.tsx
index 42dcbf107..fdb39a173 100644
--- a/packages/web/src/pages/Home/EventSection/EventSection2024Spring.tsx
+++ b/packages/web/src/pages/Home/EventSection/EventSection2024Spring.tsx
@@ -21,7 +21,8 @@ const EventSection2024Spring = () => {
background: eventTheme.black,
};
- const { isEligible } = useValueRecoilState("event2024SpringInfo") || {};
+ const { isEligible, isAgreeOnTermsOfEvent } =
+ useValueRecoilState("event2024SpringInfo") || {};
return (
<>
@@ -76,7 +77,7 @@ const EventSection2024Spring = () => {
paddingBottom: "15px",
}}
>
-
+ {isAgreeOnTermsOfEvent && }