diff --git a/widget/css/widget.app.css b/widget/css/widget.app.css
index 0ec1e24..d7cca20 100644
--- a/widget/css/widget.app.css
+++ b/widget/css/widget.app.css
@@ -2,6 +2,7 @@
 body {
   -webkit-overflow-scrolling: auto !important;
 }
+
 /* Global Styles ////////////////////////////////////////////////////////////////////////////// */
 html{
 	font-size: 16px !important;
@@ -336,12 +337,10 @@ p:empty{
 	position:relative;
 }
 html[safe-area="true"] .list-items {
-  padding-bottom: env(safe-area-inset-bottom);
-  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: var(--bf-safe-area-inset-bottom);
 }
 /* End Plugin CSS */
 
-
 /*
 * Carousel container styling
 */
@@ -443,6 +442,7 @@ ol li{
 .infinite-scroll-parent {
   padding-bottom: 2.5rem;
 }
+
 .search-box {
   display: block;
   width: 100%;
@@ -499,4 +499,4 @@ ol li{
 
 .user-phone-and-email {
   margin: 0 !important;
-}
\ No newline at end of file
+}