diff --git a/res/css/components/views/messages/_MBeaconBody.pcss b/res/css/components/views/messages/_MBeaconBody.pcss
index 82544addae..1c5a725a0a 100644
--- a/res/css/components/views/messages/_MBeaconBody.pcss
+++ b/res/css/components/views/messages/_MBeaconBody.pcss
@@ -74,7 +74,8 @@ limitations under the License.
     position: absolute;
     bottom: 0;
     width: 100%;
-    background-color: $overlay-background;
+    background-color: var(--cpd-color-bg-canvas-default);
+    opacity: 0.85;
 }
 
 .mx_EventTile[data-layout="bubble"] .mx_EventTile_line .mx_MBeaconBody {