diff --git a/data/web/fragment.com/css/auction.css b/data/web/fragment.com/css/auction.css
index 01a70f305e..528cb14fc2 100644
--- a/data/web/fragment.com/css/auction.css
+++ b/data/web/fragment.com/css/auction.css
@@ -587,6 +587,8 @@ i.icon {
   right: 0;
   top: 0;
   z-index: 100;
+  padding-left: env(safe-area-inset-left);
+  padding-right: env(safe-area-inset-right);
   background-color: var(--header-bg-color);
   -webkit-backdrop-filter: blur(25px);
   backdrop-filter: blur(25px);
@@ -937,6 +939,7 @@ a.tm-pagination-item.active:focus {
   right: 0;
   top: 0;
   bottom: 0;
+  padding-bottom: env(safe-area-inset-bottom);
   background: var(--bg-color);
   transition: transform var(--def-transition);
 }
@@ -1135,6 +1138,8 @@ a.tm-menu-link:focus {
 }
 
 .tm-footer {
+  padding-left: env(safe-area-inset-left);
+  padding-right: env(safe-area-inset-right);
   background-color: var(--footer-bg-color);
 }
 .tm-footer-links {
@@ -1305,7 +1310,7 @@ a.tm-menu-link:focus {
 
 .tm-main {
   margin: 0 auto;
-  width: 100%;
+  width: auto;
   max-width: 480px;
   padding-bottom: 70px;
   flex-grow: 1;
@@ -3816,6 +3821,9 @@ a.tm-table-action-link:hover {
 
   .tm-main {
     max-width: 720px;
+    box-sizing: content-box;
+    padding-left: env(safe-area-inset-left);
+    padding-right: env(safe-area-inset-right);
   }
   .tm-main-premium {
     max-width: 480px;