diff --git a/app/components/file_upload_component/file_upload_component.scss b/app/components/file_upload_component/file_upload_component.scss
index f5e34f57b..cede94190 100644
--- a/app/components/file_upload_component/file_upload_component.scss
+++ b/app/components/file_upload_component/file_upload_component.scss
@@ -1,4 +1,6 @@
 .file-upload-component {
+  background-color: var(--file-upload-component-background-color);
+
   form {
     margin: 0;
   }
diff --git a/app/javascript/src/styles/base/040_colors.css b/app/javascript/src/styles/base/040_colors.css
index ea7860aa3..a6672364d 100644
--- a/app/javascript/src/styles/base/040_colors.css
+++ b/app/javascript/src/styles/base/040_colors.css
@@ -164,6 +164,7 @@ html {
 
   --modqueue-tag-warning-color: var(--red-1);
 
+  --file-upload-component-background-color: var(--body-background-color);
   --uploads-dropzone-background: var(--grey-1);
   --uploads-dropzone-progress-bar-foreground-color: var(--link-color);
   --uploads-dropzone-progress-bar-background-color: var(--link-hover-color);
@@ -368,7 +369,8 @@ body[data-current-user-theme="dark"] {
 
   --modqueue-tag-warning-color: var(--red-7);
 
-  --uploads-dropzone-background: var(--grey-8);
+  --file-upload-component-background-color: var(--grey-8);
+  --uploads-dropzone-background: var(--grey-7);
   --uploads-dropzone-progress-bar-foreground-color: var(--link-color);
   --uploads-dropzone-progress-bar-background-color: var(--link-hover-color);