diff --git a/kit/src/components/embeds/file_embed/mod.rs b/kit/src/components/embeds/file_embed/mod.rs
index 8596a4967b6..4e1fc0033bb 100644
--- a/kit/src/components/embeds/file_embed/mod.rs
+++ b/kit/src/components/embeds/file_embed/mod.rs
@@ -275,7 +275,6 @@ pub fn FileEmbed<'a>(cx: Scope<'a, Props<'a>>) -> Element<'a> {
                             p {
                                 class: "name",
                                 aria_label: "file-name",
-                                color: "var(--text-color)",
                                 "{filename}"
                             },
                             p {
diff --git a/kit/src/components/embeds/file_embed/style.scss b/kit/src/components/embeds/file_embed/style.scss
index 0c7b29f01bd..9acbc55f38b 100644
--- a/kit/src/components/embeds/file_embed/style.scss
+++ b/kit/src/components/embeds/file_embed/style.scss
@@ -14,7 +14,7 @@
   display: inline-flex;
   gap: var(--gap);
   width: 100%;
-  color: var(--text-color);
+  color: var(--text-color-dark);
   align-content: center;
   align-self: flex-end;
 
@@ -110,6 +110,7 @@
   .meta {
     color: var(--placeholder);
   }
+  color: var(--text-color);
   align-self: flex-start;
 }