diff --git a/res/css/views/voip/_CallContainer.scss b/res/css/views/voip/_CallContainer.scss
index eec8a1f188..ae1d37de71 100644
--- a/res/css/views/voip/_CallContainer.scss
+++ b/res/css/views/voip/_CallContainer.scss
@@ -18,10 +18,7 @@ limitations under the License.
     position: absolute;
     right: 20px;
     bottom: 72px;
-    border-radius: 8px;
-    overflow: hidden;
     z-index: 100;
-    box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.08);
 
     // Disable pointer events for Jitsi widgets to function. Direct
     // calls have their own cursor and behaviour, but we need to make
@@ -49,8 +46,10 @@ limitations under the License.
 
     .mx_IncomingCallBox {
         min-width: 250px;
-        background-color: $primary-bg-color;
+        background-color: $secondary-accent-color;
         padding: 8px;
+        box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.08);
+        border-radius: 8px;
 
         pointer-events: initial; // restore pointer events so the user can accept/decline
         cursor: pointer;
diff --git a/res/css/views/voip/_CallView.scss b/res/css/views/voip/_CallView.scss
index dbe2c27e41..ad63604818 100644
--- a/res/css/views/voip/_CallView.scss
+++ b/res/css/views/voip/_CallView.scss
@@ -35,6 +35,10 @@ limitations under the License.
 
 .mx_CallView_pip {
     width: 320px;
+    padding-bottom: 8px;
+    margin-top: 10px;
+    box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.08);
+    border-radius: 8px;
 
     .mx_CallView_voice {
         height: 180px;
@@ -84,6 +88,7 @@ limitations under the License.
         border-radius: 2000px;
         overflow: hidden;
         position: relative;
+        /* Blurred avatar images & pause icon for on-hold removed for now
         &::after {
             position: absolute;
             content: '';
@@ -101,17 +106,21 @@ limitations under the License.
         .mx_CallView_pip &::after {
             background-size: 30px;
         }
+        */
     }
+    /*
     .mx_BaseAvatar {
         filter: blur(20px);
         overflow: hidden;
     }
+    */
 }
 
 .mx_CallView_voice_secondaryAvatarContainer {
     border-radius: 2000px;
     overflow: hidden;
     position: relative;
+    /*
     &::after {
         position: absolute;
         content: '';
@@ -129,6 +138,7 @@ limitations under the License.
     .mx_CallView_pip &::after {
         background-size: 24px;
     }
+    */
 }
 
 .mx_CallView_voice_holdText {