diff --git a/app/javascript/gabsocial/components/global_footer.js b/app/javascript/gabsocial/components/global_footer.js
index af8825ce..e6998cd9 100644
--- a/app/javascript/gabsocial/components/global_footer.js
+++ b/app/javascript/gabsocial/components/global_footer.js
@@ -7,7 +7,7 @@ import Text from './text'
 import ResponsiveClassesComponent from '../features/ui/util/responsive_classes_component'
 
 const GlobalFooter = () => (
-  <div className={[_s.d, _s.z4, _s.w100PC].join(' ')}>
+  <div className={[_s.d, _s.z3, _s.w100PC].join(' ')}>
     <div className={[_s.d, _s.left0, _s.right0, _s.bottom0, _s.w100PC, _s.bgSubtle, _s.borderTop1PX, _s.aiCenter, _s.borderColorSecondary].join(' ')}>
 
       <div className={[_s.d, _s.mt15, _s.mb15].join(' ')}>
@@ -116,7 +116,7 @@ const GlobalFooter = () => (
       <div className={[_s.d, _s.aiCenter, _s.bgSecondary, _s.h100PC, _s.minH58PX, _s.w100PC, _s.saveAreaInsetPB, _s.jcSpaceAround].join(' ')}>
         <ResponsiveClassesComponent
           classNames={[_s.d, _s.w1255PX, _s.flexRow, _s.aiCenter].join(' ')}
-          classNamesXS={[_s.d, _s.w1255PX, _s.aiCenter, _s.px15, _s.pt15].join(' ')}
+          classNamesXS={[_s.d, _s.w1255PX, _s.aiCenter, _s.px15, _s.pt15, _s.pb50].join(' ')}
         >
 
           <div classNames={[_s.d, _s.flexRow, _s.aiCenter].join(' ')}>
diff --git a/app/javascript/styles/global.css b/app/javascript/styles/global.css
index 0548b6e3..cf5f26a8 100644
--- a/app/javascript/styles/global.css
+++ b/app/javascript/styles/global.css
@@ -804,6 +804,7 @@ pre {
 .pt5 { padding-top: 5px; }
 .pt2 { padding-top: 2px; }
 
+.pb50 { padding-bottom: 50px; }
 .pb35 { padding-bottom: 35px; }
 .pb15 { padding-bottom: 15px; }
 .pb10 { padding-bottom: 10px; }