diff --git a/app/javascript/gabsocial/features/ui/components/footer_bar.js b/app/javascript/gabsocial/features/ui/components/footer_bar.js
index e86da92b..8fd891e8 100644
--- a/app/javascript/gabsocial/features/ui/components/footer_bar.js
+++ b/app/javascript/gabsocial/features/ui/components/footer_bar.js
@@ -16,18 +16,18 @@ const links = [
     <NotificationsCounterIcon />
     <FormattedMessage id='tabs_bar.notifications' defaultMessage='Notifications' />
   </NavLink>,
-  <NavLink key='pr3' className='footer-bar__link' to='/groups' data-preview-title-id='column.groups'>
-    <i className='tabs-bar__link__icon groups' />
-    <FormattedMessage id='tabs_bar.groups' defaultMessage='Groups' />
-  </NavLink>,
-  <a key='pl4' className='footer-bar__link footer-bar__link--trends' href='https://trends.gab.com' data-preview-title-id='tabs_bar.trends'>
-    <i className='tabs-bar__link__icon trends' />
-    <FormattedMessage id='tabs_bar.trends' defaultMessage='Trends' />
-  </a>,
   <a key='pl5' className='footer-bar__link footer-bar__link--chat' href='https://chat.gab.com' data-preview-title-id='tabs_bar.chat'>
     <Icon id='comments' className='tabs-bar__link__icon chat' />
     <FormattedMessage id='tabs_bar.chat' defaultMessage='Chat' />
   </a>,
+  <a key='pl4' className='footer-bar__link footer-bar__link--trends' href='https://trends.gab.com' data-preview-title-id='tabs_bar.trends'>
+    <i className='tabs-bar__link__icon trends' />
+    <FormattedMessage id='tabs_bar.trends' defaultMessage='Trends' />
+  </a>,
+  <NavLink key='pr3' className='footer-bar__link' to='/groups' data-preview-title-id='column.groups'>
+    <i className='tabs-bar__link__icon groups' />
+    <FormattedMessage id='tabs_bar.groups' defaultMessage='Groups' />
+  </NavLink>,
 ]
 
 export default
diff --git a/app/javascript/gabsocial/features/ui/components/tabs_bar.js b/app/javascript/gabsocial/features/ui/components/tabs_bar.js
index 3fe58521..ab8a83df 100644
--- a/app/javascript/gabsocial/features/ui/components/tabs_bar.js
+++ b/app/javascript/gabsocial/features/ui/components/tabs_bar.js
@@ -27,18 +27,18 @@ export const privateLinks = [
     <NotificationsCounterIcon />
     <FormattedMessage id='tabs_bar.notifications' defaultMessage='Notifications' />
   </NavLink>,
-  <NavLink key='pr3' className='tabs-bar__link' to='/groups' data-preview-title-id='column.groups' >
-    <i className='tabs-bar__link__icon groups'/>
-    <FormattedMessage id='tabs_bar.groups' defaultMessage='Groups' />
-  </NavLink>,
-  <a key='pl4' className='tabs-bar__link tabs-bar__link--trends' href='https://trends.gab.com' data-preview-title-id='tabs_bar.trends' >
-    <i className='tabs-bar__link__icon trends'/>
-    <FormattedMessage id='tabs_bar.trends' defaultMessage='Trends' />
-  </a>,
   <a key='pl5' className='tabs-bar__link tabs-bar__link--chat' href='https://chat.gab.com' data-preview-title-id='tabs_bar.chat' >
     <Icon id='comments' className='tabs-bar__link__icon chat chat--sm' />
     <FormattedMessage id='tabs_bar.chat' defaultMessage='Chat' />
   </a>,
+  <a key='pl4' className='tabs-bar__link tabs-bar__link--trends' href='https://trends.gab.com' data-preview-title-id='tabs_bar.trends' >
+    <i className='tabs-bar__link__icon trends'/>
+    <FormattedMessage id='tabs_bar.trends' defaultMessage='Trends' />
+  </a>,
+  <NavLink key='pr3' className='tabs-bar__link' to='/groups' data-preview-title-id='column.groups' >
+    <i className='tabs-bar__link__icon groups'/>
+    <FormattedMessage id='tabs_bar.groups' defaultMessage='Groups' />
+  </NavLink>,
 ];
 
 export const publicLinks = [
diff --git a/app/javascript/styles/gabsocial/components.scss b/app/javascript/styles/gabsocial/components.scss
index 6ae4a79d..db451c9c 100644
--- a/app/javascript/styles/gabsocial/components.scss
+++ b/app/javascript/styles/gabsocial/components.scss
@@ -1591,7 +1591,7 @@ a.account__display-name {
 	display: none;
 	@media screen and (max-width: 895px) {display: flex;}
 	position: fixed;
-	bottom: 68px;
+	bottom: 82px;
 	right: 14px;
 	width: 61px;
 	height: 52px;
diff --git a/app/javascript/styles/gabsocial/components/tabs-bar.scss b/app/javascript/styles/gabsocial/components/tabs-bar.scss
index 060f2e59..f7a9677a 100644
--- a/app/javascript/styles/gabsocial/components/tabs-bar.scss
+++ b/app/javascript/styles/gabsocial/components/tabs-bar.scss
@@ -288,7 +288,8 @@
 
 		&.chat {
 			font-size: 25px;
-			padding-top: 6px;
+			padding-top: 7px;
+			width: 24px;
 			color: #C8C8C8;
 			background-image: none !important;