diff --git a/frontend/css/year-in-music.less b/frontend/css/year-in-music.less
index 34902dc486..1e21c54024 100644
--- a/frontend/css/year-in-music.less
+++ b/frontend/css/year-in-music.less
@@ -207,6 +207,13 @@
min-height: 20vh;
}
}
+ .no-yim-message {
+ margin: 4vh auto;
+ font-family: "Roboto", sans-serif;
+ font-weight: 300;
+ font-size: 24px;
+ max-width: 480px;
+ }
.header {
margin-bottom: 1em;
text-align: center;
diff --git a/frontend/js/src/explore/year-in-music/2023/YearInMusic.tsx b/frontend/js/src/explore/year-in-music/2023/YearInMusic.tsx
index a03218093a..4c56e886b4 100644
--- a/frontend/js/src/explore/year-in-music/2023/YearInMusic.tsx
+++ b/frontend/js/src/explore/year-in-music/2023/YearInMusic.tsx
@@ -602,6 +602,7 @@ export default class YearInMusic extends React.Component<
style={{
WebkitMaskImage:
"url('/static/img/year-in-music-23/flower.png')",
+ marginTop: "6vh",
}}
>
-
Oh no!
-- We don't have enough 2023 statistics for {user.name}. -
-- Submit enough - listens before the end of December to generate your #yearinmusic - next year. -
+Oh no!
++ We don't have enough 2023 statistics for {user.name}. +
++ Submit enough + listens before the end of December to generate your + #yearinmusic next year. +
+