diff --git a/front/src/app/record/[name]/page.tsx b/front/src/app/record/[name]/page.tsx
index da16c1f..bcd7b8b 100644
--- a/front/src/app/record/[name]/page.tsx
+++ b/front/src/app/record/[name]/page.tsx
@@ -335,7 +335,7 @@ export default function RecordPage({
                 <form className="w-full mb-4" onSubmit={handleCreateFile}>
                   <input
                     type="text"
-                    className="rounded w-full text-black p-1 px-2 focus:outline-none"
+                    className="rounded w-full bg-white text-black p-1 px-2 focus:outline-none"
                     onChange={(e) => setFileName(e.target.value)}
                     value={fileName}
                     placeholder="README"
diff --git a/front/src/components/records/createRecord.tsx b/front/src/components/records/createRecord.tsx
index e07404e..732bf1e 100644
--- a/front/src/components/records/createRecord.tsx
+++ b/front/src/components/records/createRecord.tsx
@@ -86,7 +86,7 @@ export default function CreateRecord({
       <div className="relative flex flex-col gap-2">
         <input
           type="text"
-          className="text-black p-2 rounded"
+          className="bg-white text-black p-2 rounded"
           onChange={handleSetName}
           value={recordName}
         />