diff --git a/widget/assets/css/media.css b/widget/assets/css/media.css
index e64db79..08929bd 100644
--- a/widget/assets/css/media.css
+++ b/widget/assets/css/media.css
@@ -3,10 +3,6 @@ html{
 	font-size: 16px !important;
 }
 
-.slide.safe-area {
-    /* padding-top: env(safe-area-inset-top) !important; */
-}
-
 .caption {
 	font-size: .75rem;
 	line-height: 1.25rem;
@@ -75,7 +71,7 @@ h5{
 }
 
 .bottom.fixed-bottom.primaryBackgroundTheme{
-	padding-bottom: env(safe-area-inset-bottom);
+	padding-bottom: var(--bf-safe-area-inset-bottom);
 }
 
 .plugin-slider .plugin-slide,
@@ -109,7 +105,7 @@ h5{
 .holder.now-playing .media-center-plugin {
     position: relative;
     height: 100%;
-    padding-bottom: calc(20px + env(safe-area-inset-bottom));
+    padding-bottom: calc(20px + var(--bf-safe-area-inset-bottom));
     max-width: 660px;
     margin: 0 auto;
     display: flex;