diff --git a/core/core-frontend/src/custom-component/component-list.ts b/core/core-frontend/src/custom-component/component-list.ts
index 7d525b8d2a..637af13618 100644
--- a/core/core-frontend/src/custom-component/component-list.ts
+++ b/core/core-frontend/src/custom-component/component-list.ts
@@ -199,13 +199,13 @@ export const COMMON_COMPONENT_BACKGROUND_BASE: CommonBackground = {
 
 export const COMMON_COMPONENT_BACKGROUND_LIGHT = {
   ...COMMON_COMPONENT_BACKGROUND_BASE,
-  backgroundColor: 'rgba(255,255,255,1)',
+  backgroundColor: 'rgba(255,255,255,0.1)',
   innerImageColor: 'rgba(16, 148, 229,1)'
 }
 
 export const COMMON_COMPONENT_BACKGROUND_DARK = {
   ...COMMON_COMPONENT_BACKGROUND_BASE,
-  backgroundColor: 'rgba(19,28,66,1)',
+  backgroundColor: 'rgba(19,28,66,0.1)',
   innerImageColor: '#1094E5'
 }