diff --git a/app/javascript/gabsocial/actions/settings.js b/app/javascript/gabsocial/actions/settings.js
index 551f72b5..a3c2eeac 100644
--- a/app/javascript/gabsocial/actions/settings.js
+++ b/app/javascript/gabsocial/actions/settings.js
@@ -27,7 +27,7 @@ const debouncedSave = debounce((dispatch, getState) => {
   api().put('/api/web/settings', { data })
     .then(() => dispatch({ type: SETTING_SAVE }))
     .catch(() => { /* */ })
-}, 5000, { trailing: true })
+}, 500, { trailing: true })
 
 export function saveSettings() {
   return (dispatch, getState) => debouncedSave(dispatch, getState)
diff --git a/app/javascript/gabsocial/features/ui/ui.js b/app/javascript/gabsocial/features/ui/ui.js
index 1b787063..69f39553 100644
--- a/app/javascript/gabsocial/features/ui/ui.js
+++ b/app/javascript/gabsocial/features/ui/ui.js
@@ -495,7 +495,7 @@ class UI extends PureComponent {
     // } : {}
 
     return (
-      <div ref={this.setRef}>
+      <div ref={this.setRef} className={_s.gabsocial}>
         <LoadingBar className={[_s.height1PX, _s.z3, _s.bgBrandLight].join(' ')} />
 
         <SwitchingArea location={location} onLayoutChange={this.handleLayoutChange}>
diff --git a/app/javascript/styles/global.css b/app/javascript/styles/global.css
index f7287f39..119b9ac5 100644
--- a/app/javascript/styles/global.css
+++ b/app/javascript/styles/global.css
@@ -106,13 +106,6 @@
   --navigation_search: var(--solid_color_block) !important;
 }
 
-html {
-  padding-top: env(safe-area-inset-top, 0);
-  padding-right: env(safe-area-inset-right, 0);
-  padding-left: env(safe-area-inset-left, 0);
-  padding-bottom: env(safe-area-inset-bottom, 0);
-}
-
 html,
 body {
   min-height: 100%;
@@ -980,6 +973,10 @@ body {
   background-color: var(--navigation_search);
 }
 
+.gabsocial {
+  composes: saveAreaInsetPB saveAreaInsetPT saveAreaInsetPL saveAreaInsetPR;
+}
+
 /**
  * Rich Text Editor
  */