diff --git a/packages/asc-web-components/themes/base.js b/packages/asc-web-components/themes/base.js
index 4ffa0b76f5..6a9a2d549b 100644
--- a/packages/asc-web-components/themes/base.js
+++ b/packages/asc-web-components/themes/base.js
@@ -2571,6 +2571,10 @@ const Base = {
     },
   },
 
+  downloadDialog: {
+    background: "#f8f9f9",
+  },
+
   studio: {
     about: {
       linkColor: blueMain,
diff --git a/packages/asc-web-components/themes/dark.js b/packages/asc-web-components/themes/dark.js
index a3e319ece2..8e79b65722 100644
--- a/packages/asc-web-components/themes/dark.js
+++ b/packages/asc-web-components/themes/dark.js
@@ -2581,6 +2581,10 @@ const Dark = {
     },
   },
 
+  downloadDialog: {
+    background: "#282828",
+  },
+
   studio: {
     about: {
       linkColor: "#E06A1B",
diff --git a/products/ASC.Files/Client/src/components/dialogs/DownloadDialog/DownloadContent.js b/products/ASC.Files/Client/src/components/dialogs/DownloadDialog/DownloadContent.js
index 5bf2d32061..ae8c837561 100644
--- a/products/ASC.Files/Client/src/components/dialogs/DownloadDialog/DownloadContent.js
+++ b/products/ASC.Files/Client/src/components/dialogs/DownloadDialog/DownloadContent.js
@@ -1,5 +1,6 @@
 import React, { useState } from "react";
 import Text from "@appserver/components/text";
+import { inject, observer } from "mobx-react";
 import LinkWithDropdown from "@appserver/components/link-with-dropdown";
 import Checkbox from "@appserver/components/checkbox";
 import ArrowIcon from "../../../../public/images/arrow.react.svg";
@@ -18,6 +19,7 @@ const DownloadContent = (props) => {
     title,
     isChecked,
     isIndeterminate,
+    theme,
   } = props;
 
   const getTitleExtensions = () => {
@@ -102,7 +104,7 @@ const DownloadContent = (props) => {
   const showHeader = items.length > 1;
 
   return (
-    <StyledDownloadContent isOpen={showHeader ? isOpen : true}>
+    <StyledDownloadContent isOpen={showHeader ? isOpen : true} theme={theme}>
       {showHeader && (
         <div className="download-dialog_content-wrapper">
           <Checkbox
@@ -162,4 +164,11 @@ const DownloadContent = (props) => {
   );
 };
 
-export default DownloadContent;
+export default inject(({ auth }) => {
+  const { settingsStore } = auth;
+  const { theme } = settingsStore;
+
+  return {
+    theme,
+  };
+})(observer(DownloadContent));
diff --git a/products/ASC.Files/Client/src/components/dialogs/DownloadDialog/StyledDownloadDialog.js b/products/ASC.Files/Client/src/components/dialogs/DownloadDialog/StyledDownloadDialog.js
index bdef8943b6..6b91058e5d 100644
--- a/products/ASC.Files/Client/src/components/dialogs/DownloadDialog/StyledDownloadDialog.js
+++ b/products/ASC.Files/Client/src/components/dialogs/DownloadDialog/StyledDownloadDialog.js
@@ -53,7 +53,7 @@ const StyledDownloadContent = styled.div`
     ${({ isOpen }) =>
       isOpen &&
       css`
-        background: #f8f9f9;
+        background: ${(props) => props.theme.downloadDialog.background};
         margin: 0 -16px;
         padding: 0 16px;
       `}