diff --git a/web/app/routes/$userName+/page+/$slug+/components/sourceTextAndTranslationSection/SourceTextAndTranslationSection.tsx b/web/app/routes/$userName+/page+/$slug+/components/sourceTextAndTranslationSection/SourceTextAndTranslationSection.tsx
index dac41a57..4e8579fa 100644
--- a/web/app/routes/$userName+/page+/$slug+/components/sourceTextAndTranslationSection/SourceTextAndTranslationSection.tsx
+++ b/web/app/routes/$userName+/page+/$slug+/components/sourceTextAndTranslationSection/SourceTextAndTranslationSection.tsx
@@ -20,7 +20,9 @@ export function SourceTextAndTranslationSection({
 }) {
 	return (
 		<>
-			<span className={`inline-block text-gray-500 ${sourceTextClassName}`}>
+			<span
+				className={`inline-block text-gray-500 dark:text-gray-400 ${sourceTextClassName}`}
+			>
 				{isPublished === false && <Lock className="h-6 w-6 mr-1 inline" />}
 				{elements}
 			</span>