diff --git a/htdocs/public/demo/demo.css b/htdocs/public/demo/demo.css
index d137b7be456..e84b67f4b7d 100644
--- a/htdocs/public/demo/demo.css
+++ b/htdocs/public/demo/demo.css
@@ -99,7 +99,7 @@ img.demothumb {
     width: 110px;
 }
 .demobackground {
-    background-image: url('dolibarr_demo_ban.jpg');
+    background-image: linear-gradient(to bottom, rgba(200,200,255,0.8), rgba(210,220,255,0.5)), url('dolibarr_demo_ban.jpg');
     background-size: cover;
     object-fit: contain;
     height: 140px;