diff --git a/keepassxc-browser/content/autocomplete.js b/keepassxc-browser/content/autocomplete.js
index aec7996..4c15827 100644
--- a/keepassxc-browser/content/autocomplete.js
+++ b/keepassxc-browser/content/autocomplete.js
@@ -88,6 +88,7 @@ class Autocomplete {
             const colorStyleSheet = createStylesheet('css/colors.css');
             this.wrapper = kpxcUI.createElement('div');
             this.wrapper.style.display = 'none';
+            this.wrapper.style.all = 'unset';
             styleSheet.addEventListener('load', () => this.wrapper.style.display = 'block');
             this.container = kpxcUI.createElement('div', 'kpxcAutocomplete-container', { 'id': 'kpxcAutocomplete-container' });
 
diff --git a/keepassxc-browser/content/banner.js b/keepassxc-browser/content/banner.js
index ce1e799..0c329e3 100644
--- a/keepassxc-browser/content/banner.js
+++ b/keepassxc-browser/content/banner.js
@@ -123,6 +123,7 @@ kpxcBanner.create = async function(credentials = {}) {
 
     const wrapper = document.createElement('div');
     wrapper.style.display = 'none';
+    wrapper.style.all = 'unset';
     styleSheet.addEventListener('load', () => wrapper.style.display = 'block');
     this.shadowRoot = wrapper.attachShadow({ mode: 'closed' });
     this.shadowRoot.append(colorStyleSheet);
diff --git a/keepassxc-browser/content/custom-fields-banner.js b/keepassxc-browser/content/custom-fields-banner.js
index d518bfd..73d481e 100644
--- a/keepassxc-browser/content/custom-fields-banner.js
+++ b/keepassxc-browser/content/custom-fields-banner.js
@@ -129,6 +129,7 @@ kpxcCustomLoginFieldsBanner.create = async function() {
 
     const wrapper = document.createElement('div');
     wrapper.style.display = 'none';
+    wrapper.style.all = 'unset';
     styleSheet.addEventListener('load', () => wrapper.style.display = 'block');
     this.shadowRoot = wrapper.attachShadow({ mode: 'closed' });
     this.shadowRoot.append(colorStyleSheet);
diff --git a/keepassxc-browser/content/totp-field.js b/keepassxc-browser/content/totp-field.js
index 1ed6f50..751e3d8 100644
--- a/keepassxc-browser/content/totp-field.js
+++ b/keepassxc-browser/content/totp-field.js
@@ -161,6 +161,7 @@ TOTPFieldIcon.prototype.createIcon = function(field, segmented = false) {
     const styleSheet = createStylesheet('css/totp.css');
     const wrapper = document.createElement('div');
     wrapper.style.display = 'none';
+    wrapper.style.all = 'unset';
     styleSheet.addEventListener('load', () => wrapper.style.display = 'block');
 
     this.shadowRoot = wrapper.attachShadow({ mode: 'closed' });
diff --git a/keepassxc-browser/content/ui.js b/keepassxc-browser/content/ui.js
index adfd0c5..5f02249 100644
--- a/keepassxc-browser/content/ui.js
+++ b/keepassxc-browser/content/ui.js
@@ -293,6 +293,7 @@ kpxcUI.createNotification = function(type, message) {
     const styleSheet = createStylesheet('css/notification.css');
     notificationWrapper = notificationWrapper || document.createElement('div');
     notificationWrapper.style.display = 'none';
+    notificationWrapper.style.all = 'unset';
     styleSheet.addEventListener('load', () => notificationWrapper.style.display = 'block');
     this.shadowRoot = notificationWrapper.attachShadow({ mode: 'closed' });
     if (!this.shadowRoot) {
diff --git a/keepassxc-browser/content/username-field.js b/keepassxc-browser/content/username-field.js
index 8835d02..5d6f054 100644
--- a/keepassxc-browser/content/username-field.js
+++ b/keepassxc-browser/content/username-field.js
@@ -110,6 +110,7 @@ UsernameFieldIcon.prototype.createIcon = function(field) {
     const styleSheet = createStylesheet('css/username.css');
     const wrapper = document.createElement('div');
     wrapper.style.display = 'none';
+    wrapper.style.all = 'unset';
     styleSheet.addEventListener('load', () => wrapper.style.display = 'block');
 
     this.shadowRoot = wrapper.attachShadow({ mode: 'closed' });