diff --git a/app/features/tier-list-maker/components/TierRow.module.css b/app/features/tier-list-maker/components/TierRow.module.css
index ab2e091a0..7514762ef 100644
--- a/app/features/tier-list-maker/components/TierRow.module.css
+++ b/app/features/tier-list-maker/components/TierRow.module.css
@@ -33,6 +33,10 @@
 	word-wrap: break-word;
 }
 
+:global(html.light) .tierName {
+	color: var(--color-text);
+}
+
 .popupContent {
 	display: flex;
 	flex-direction: column;