diff --git a/js/src/ui/Container/container.css b/js/src/ui/Container/container.css
index 7305a4aba..1071125bd 100644
--- a/js/src/ui/Container/container.css
+++ b/js/src/ui/Container/container.css
@@ -17,7 +17,7 @@
 .container {
   flex: 1;
   padding: 0em;
-  background: rgba(0, 0, 0, 0.8) !important;
+  background: rgba(0, 0, 0, 0.8);
 }
 
 .compact,
diff --git a/js/src/views/ParityBar/parityBar.css b/js/src/views/ParityBar/parityBar.css
index b9b94c1d2..45e0ebc20 100644
--- a/js/src/views/ParityBar/parityBar.css
+++ b/js/src/views/ParityBar/parityBar.css
@@ -54,6 +54,7 @@
   flex: 1;
   overflow: auto;
   display: flex;
+  background: rgba(0, 0, 0, 0.8);
 }
 
 .corner {
diff --git a/js/src/views/Signer/containers/Embedded/embedded.js b/js/src/views/Signer/containers/Embedded/embedded.js
index 9ec18988c..be3a65d61 100644
--- a/js/src/views/Signer/containers/Embedded/embedded.js
+++ b/js/src/views/Signer/containers/Embedded/embedded.js
@@ -40,7 +40,7 @@ class Embedded extends Component {
 
   render () {
     return (
-      <Container>
+      <Container style={ { background: 'transparent' } }>
         <div className={ styles.signer }>
           { this.renderPendingRequests() }
         </div>