diff --git a/widget/app.js b/widget/app.js
index 46c47f0..c1812f6 100644
--- a/widget/app.js
+++ b/widget/app.js
@@ -202,8 +202,13 @@
                         
                         const scrollTop = scrollContainer.scrollTop;
                         if (scrollTop > lastScrollTop) {
-                            // User is scrolling down
-                            navbar.style.transform = 'translateY(-100%)';
+                            const safeAreaTopValue = getComputedStyle(document.documentElement).getPropertyValue('--bf-safe-area-inset-top').trim();
+                            if (parseFloat(safeAreaTopValue)) {
+                                navbar.style.transform = 'translateY(calc(-50px - var(--bf-safe-area-inset-top)))';
+                            }
+                            else {
+                                navbar.style.transform = 'translateY(-50px)';
+                            }
                         } else {
                             // User is scrolling up
                             navbar.style.transform = 'translateY(0)';
diff --git a/widget/assets/css/style.css b/widget/assets/css/style.css
index a6fdb68..f3c70db 100644
--- a/widget/assets/css/style.css
+++ b/widget/assets/css/style.css
@@ -144,7 +144,7 @@ body {
     line-height: 1;
     height: 100%;
     overflow: hidden !important;
-    position: absolute;
+    position: relative;
     top: 0%;
     right: 0;
     left: 0%;
@@ -171,6 +171,11 @@ table {
 html{
     font-size: 16px !important;
 }
+
+body {
+    margin-top: var(--bf-safe-area-inset-top) !important;
+    margin-bottom: var(--bf-safe-area-inset-bottom) !important;
+}
 /* Fixed Bottom */
 .main_view,.main-thread-section{height: 100%; overflow: hidden !important;}
 .holder.has-bottom {
@@ -1273,19 +1278,7 @@ textarea {
     vertical-align: 3px;
     color: #5f5f5f !important;
 }
-html[safe-area="true"] body {
-    padding-bottom: 0px !important;
-    -webkit-overflow-scrolling: auto;
-}
-html[safe-area="true"] .holder.bottom-post {
-    height: calc(env(safe-area-inset-bottom) + 43px);
-    height: calc(constant(safe-area-inset-bottom) + 43px);
-}
 
-html[safe-area="true"] .post-section.has-comment-box {
-    padding-bottom: calc(env(safe-area-inset-bottom) + 43px);
-    padding-bottom: calc(constant(safe-area-inset-bottom) + 43px);
-}
 .plus-minus-toggle {
     cursor: pointer;
       /*  padding-left: 30px;
@@ -1312,11 +1305,6 @@ html[safe-area="true"] .post-section.has-comment-box {
     transform: rotate(180deg);
 }
 
-html[buildfire][safe-area="true"] body {
-    -webkit-overflow-scrolling: auto !important;
-  }
-
-
 .blankState {
     padding-top: 20px;
 }
@@ -1535,6 +1523,7 @@ button.btn-danger-outlined:hover, button.btn-danger-outlined:focus{
     transition: transform .3s ease-in-out;
     position: fixed;
     z-index: 1000 !important;
+    transform: translateY(0);
 }
 
 .head-btn p.text-primary {
@@ -1610,11 +1599,6 @@ button.btn-danger-outlined:hover, button.btn-danger-outlined:focus{
     overflow: scroll;
 }
 
- html[safe-area="true"] .blocked-users {
-     height: calc(100vh - constant(safe-area-inset-bottom)) !important;
-     height: calc(100vh - env(safe-area-inset-bottom)) !important;
- }
-
 .blocked-users-item {
     padding: 1rem;
 }
@@ -1628,4 +1612,4 @@ button.btn-danger-outlined:hover, button.btn-danger-outlined:focus{
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
- }
\ No newline at end of file
+ }
diff --git a/widget/controllers/widget.wall.controller.js b/widget/controllers/widget.wall.controller.js
index d982131..74ef323 100644
--- a/widget/controllers/widget.wall.controller.js
+++ b/widget/controllers/widget.wall.controller.js
@@ -1706,7 +1706,6 @@
           // On Logout
           Buildfire.auth.onLogout(function () {
               console.log('User loggedOut from Widget Wall Page');
-              buildfire.appearance.titlebar.show();
               WidgetWall.SocialItems.userDetails = {};
               WidgetWall.groupFollowingStatus = false;
               buildfire.notifications.pushNotification.unsubscribe({
diff --git a/widget/index.html b/widget/index.html
index f0bc3da..b5a0b54 100644
--- a/widget/index.html
+++ b/widget/index.html
@@ -198,9 +198,6 @@
             <h5 class="titleBarTheme text-center" style="margin-top: 35px;">Something went wrong!! Please try again</h5>
         </div>
     </div>
-    <script>
-        buildfire.appearance.titlebar.show();
-    </script>
     <script src="../../../scripts/buildfire/components/web-components/buildfire-components.js"></script>
     <script src="../../../scripts/buildfire/services/notifications/pushNotifications.js"></script>
     <script src="../../../scripts/buildfire/components/toast/toast.js"></script>