diff --git a/frontend/src/pages/HomePage.jsx b/frontend/src/pages/HomePage.jsx
index 0b11e4e..9922b32 100644
--- a/frontend/src/pages/HomePage.jsx
+++ b/frontend/src/pages/HomePage.jsx
@@ -80,7 +80,8 @@ export function HomePage() {
   async function handleConvert() {
     const validItems = pendingFiles.filter((item) => item.targetFormat);
     const jobs = await uploadFiles(validItems);
-    setSubmittedJobs((current) => [...current, ...jobs]);
+    const jobsWithSize = jobs.map((job, i) => ({ ...job, size: validItems[i].file.size }));
+    setSubmittedJobs((current) => [...current, ...jobsWithSize]);
     setPendingFiles([]);
   }
 
@@ -116,9 +117,9 @@ export function HomePage() {
         <ul className="job-list">
           {submittedJobs.map((job, index) =>
             job.id ? (
-              <FileCard key={job.id} fileName={job.file} jobId={job.id} />
+              <FileCard key={job.id} fileName={job.file} fileSize={job.size} jobId={job.id} />
             ) : (
-              <FileCard key={`${job.file}-${index}`} fileName={job.file} initialError={job.error} />
+              <FileCard key={`${job.file}-${index}`} fileName={job.file} fileSize={job.size} initialError={job.error} />
             )
           )}
         </ul>