From 270c7b30b8120d8663ae4cb449d42dbe8674ebbb Mon Sep 17 00:00:00 2001
From: gerjanvangeest <gerjanvangeest@users.noreply.github.com>
Date: Thu, 16 Jun 2022 10:16:54 +0200
Subject: [PATCH] fix(overlays): change opacity to filter to fix chromium bug
 (#1735)

---
 .changeset/eighty-hats-bake.md               | 5 +++++
 packages/overlays/src/globalOverlaysStyle.js | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/eighty-hats-bake.md

diff --git a/.changeset/eighty-hats-bake.md b/.changeset/eighty-hats-bake.md
new file mode 100644
index 000000000..13ccc7872
--- /dev/null
+++ b/.changeset/eighty-hats-bake.md
@@ -0,0 +1,5 @@
+---
+'@lion/overlays': patch
+---
+
+fix chromium opacity bug by using filter
diff --git a/packages/overlays/src/globalOverlaysStyle.js b/packages/overlays/src/globalOverlaysStyle.js
index ce2c2e9e3..8ce5a312c 100644
--- a/packages/overlays/src/globalOverlaysStyle.js
+++ b/packages/overlays/src/globalOverlaysStyle.js
@@ -77,7 +77,7 @@ export const globalOverlaysStyle = css`
     height: 100%;
     z-index: -1;
     background-color: #333333;
-    opacity: 0.3;
+    filter: opacity(30%);
     display: none;
   }