From 22863e23dc909bf4bbb6e27f37639f04bc3b2738 Mon Sep 17 00:00:00 2001
From: Katrin Yordanova <katrin.yordanova@crust.tech>
Date: Mon, 12 Jun 2023 18:54:05 +0300
Subject: [PATCH] Set background color to transparent in module and page file
 cmp

---
 lib/js/src/compose/types/module-field/file.ts | 2 +-
 lib/js/src/compose/types/page-block/file.ts   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/js/src/compose/types/module-field/file.ts b/lib/js/src/compose/types/module-field/file.ts
index 480828a47..13e515eba 100644
--- a/lib/js/src/compose/types/module-field/file.ts
+++ b/lib/js/src/compose/types/module-field/file.ts
@@ -45,7 +45,7 @@ const defaults = (): Readonly<FileOptions> => Object.freeze({
   maxWidth: '',
   borderRadius: '',
   margin: 'auto',
-  backgroundColor: '',
+  backgroundColor: '#FFFFFF00',
 })
 
 export class ModuleFieldFile extends ModuleField {
diff --git a/lib/js/src/compose/types/page-block/file.ts b/lib/js/src/compose/types/page-block/file.ts
index e883a5c65..6e156e984 100644
--- a/lib/js/src/compose/types/page-block/file.ts
+++ b/lib/js/src/compose/types/page-block/file.ts
@@ -37,7 +37,7 @@ const defaults: Readonly<Options> = Object.freeze({
   maxWidth: '',
   borderRadius: '',
   margin: 'auto',
-  backgroundColor: '',
+  backgroundColor: '#FFFFFF00',
   magnifyOption: '',
   clickToView: true,
   enableDownload: true