diff --git a/src/components/FileInput.tsx b/src/components/FileInput.tsx
index 5c0f9f3168dfd8627d42b66757ccc755801752ed..e2878e561c495f4950f034f9bfaec5402c29b223 100644
--- a/src/components/FileInput.tsx
+++ b/src/components/FileInput.tsx
@@ -7,7 +7,9 @@ import {
   InputHTMLAttributes,
   useId,
 } from "react";
+import { clsx } from "clsx";
 import Typography from "src/components/Typography";
+import { textColor } from "./utils/classes.ts";
 
 interface Props extends InputHTMLAttributes<HTMLInputElement> {
   label: string;
@@ -52,7 +54,7 @@ const FileInput = (props: Props) => {
         <Typography text={label} variant="paragraph" />
       </label>
       <input
-        className="mt-3"
+        className={clsx("mt-3", textColor("body"))}
         id={inputId}
         ref={inputRef}
         type="file"