diff --git a/packages/pl-fe/src/pages/status-lists/bookmarks.tsx b/packages/pl-fe/src/pages/status-lists/bookmarks.tsx
index 96f8867e4..a827e92ab 100644
--- a/packages/pl-fe/src/pages/status-lists/bookmarks.tsx
+++ b/packages/pl-fe/src/pages/status-lists/bookmarks.tsx
@@ -90,7 +90,7 @@ const BookmarksPage: React.FC<IBookmarks> = ({ params }) => {
     >
       <PullToRefresh onRefresh={handleRefresh}>
         <StatusList
-          loadMoreClassName='black:sm:mx-4'
+          loadMoreClassName='sm:pb-4 black:sm:pb-0 black:sm:mx-4'
           statusIds={statusIds}
           scrollKey='bookmarked_statuses'
           hasMore={hasNextPage}
diff --git a/packages/pl-fe/src/pages/status-lists/quotes.tsx b/packages/pl-fe/src/pages/status-lists/quotes.tsx
index e527429ba..225b53042 100644
--- a/packages/pl-fe/src/pages/status-lists/quotes.tsx
+++ b/packages/pl-fe/src/pages/status-lists/quotes.tsx
@@ -31,7 +31,7 @@ const QuotesPage: React.FC = () => {
     <Column label={intl.formatMessage(messages.heading)}>
       <PullToRefresh onRefresh={handleRefresh}>
         <StatusList
-          loadMoreClassName='black:sm:mx-4'
+          loadMoreClassName='sm:pb-4 black:sm:pb-0 black:sm:mx-4'
           statusIds={statusIds}
           scrollKey={`quotes:${statusId}`}
           hasMore={hasNextPage}
diff --git a/packages/pl-fe/src/pages/timelines/bubble-timeline.tsx b/packages/pl-fe/src/pages/timelines/bubble-timeline.tsx
index c5eff7447..bbe536f90 100644
--- a/packages/pl-fe/src/pages/timelines/bubble-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/bubble-timeline.tsx
@@ -40,7 +40,7 @@ const BubbleTimelinePage = () => {
     <Column className='-mt-3 sm:mt-0' label={intl.formatMessage(messages.title)}>
       <PullToRefresh onRefresh={handleRefresh}>
         <Timeline
-          loadMoreClassName='black:sm:mx-4'
+          loadMoreClassName='sm:pb-4 black:sm:pb-0 black:sm:mx-4'
           scrollKey={`${timelineId}_timeline`}
           timelineId={`${timelineId}${onlyMedia ? ':media' : ''}`}
           prefix='home'
diff --git a/packages/pl-fe/src/pages/timelines/circle-timeline.tsx b/packages/pl-fe/src/pages/timelines/circle-timeline.tsx
index a9010a0a4..a53d1095d 100644
--- a/packages/pl-fe/src/pages/timelines/circle-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/circle-timeline.tsx
@@ -98,7 +98,7 @@ const CircleTimelinePage: React.FC = () => {
       action={<DropdownMenu items={items} src={require('@tabler/icons/outline/dots-vertical.svg')} />}
     >
       <Timeline
-        loadMoreClassName='black:sm:mx-4'
+        loadMoreClassName='sm:pb-4 black:sm:pb-0 black:sm:mx-4'
         scrollKey='circle_timeline'
         timelineId={`circle:${id}`}
         onLoadMore={handleLoadMore}
diff --git a/packages/pl-fe/src/pages/timelines/community-timeline.tsx b/packages/pl-fe/src/pages/timelines/community-timeline.tsx
index 881169a47..653345d5f 100644
--- a/packages/pl-fe/src/pages/timelines/community-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/community-timeline.tsx
@@ -38,7 +38,7 @@ const CommunityTimelinePage = () => {
     <Column className='-mt-3 sm:mt-0' label={intl.formatMessage(messages.title)}>
       <PullToRefresh onRefresh={handleRefresh}>
         <Timeline
-          loadMoreClassName='black:sm:mx-4'
+          loadMoreClassName='sm:pb-4 black:sm:pb-0 black:sm:mx-4'
           scrollKey={`${timelineId}_timeline`}
           timelineId={`${timelineId}${onlyMedia ? ':media' : ''}`}
           prefix='home'
diff --git a/packages/pl-fe/src/pages/timelines/hashtag-timeline.tsx b/packages/pl-fe/src/pages/timelines/hashtag-timeline.tsx
index 2324e1098..a9480f68d 100644
--- a/packages/pl-fe/src/pages/timelines/hashtag-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/hashtag-timeline.tsx
@@ -65,7 +65,7 @@ const HashtagTimelinePage: React.FC<IHashtagTimelinePage> = ({ params }) => {
         </List>
       )}
       <Timeline
-        loadMoreClassName='black:sm:mx-4'
+        loadMoreClassName='sm:pb-4 black:sm:pb-0 black:sm:mx-4'
         scrollKey='hashtag_timeline'
         timelineId={`hashtag:${tagId}`}
         onLoadMore={handleLoadMore}
diff --git a/packages/pl-fe/src/pages/timelines/home-timeline.tsx b/packages/pl-fe/src/pages/timelines/home-timeline.tsx
index 8b8ad8c9b..01f42226c 100644
--- a/packages/pl-fe/src/pages/timelines/home-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/home-timeline.tsx
@@ -59,7 +59,7 @@ const HomeTimelinePage: React.FC = () => {
     <Column className='py-0' label={intl.formatMessage(messages.title)} withHeader={false}>
       <PullToRefresh onRefresh={handleRefresh}>
         <Timeline
-          loadMoreClassName='black:sm:mx-4'
+          loadMoreClassName='sm:pb-4 black:sm:pb-0 black:sm:mx-4'
           scrollKey='home_timeline'
           onLoadMore={handleLoadMore}
           timelineId='home'
diff --git a/packages/pl-fe/src/pages/timelines/landing-timeline.tsx b/packages/pl-fe/src/pages/timelines/landing-timeline.tsx
index 0a7539f9b..d7cfde14a 100644
--- a/packages/pl-fe/src/pages/timelines/landing-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/landing-timeline.tsx
@@ -100,7 +100,7 @@ const LandingTimelinePage = () => {
       {timelineEnabled && !timelineFailed ? (
         <PullToRefresh onRefresh={handleRefresh}>
           <Timeline
-            loadMoreClassName='black:sm:mx-4'
+            loadMoreClassName='sm:pb-4 black:sm:pb-0 black:sm:mx-4'
             scrollKey={`${timelineId}_timeline`}
             timelineId={timelineId}
             prefix='home'
diff --git a/packages/pl-fe/src/pages/timelines/link-timeline.tsx b/packages/pl-fe/src/pages/timelines/link-timeline.tsx
index 472736349..57e8a7414 100644
--- a/packages/pl-fe/src/pages/timelines/link-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/link-timeline.tsx
@@ -36,7 +36,7 @@ const LinkTimelinePage: React.FC<ILinkTimelinePage> = ({ params }) => {
       label={intl.formatMessage(messages.header, { url: url.replace(/^https?:\/\//, '') })}
     >
       <Timeline
-        loadMoreClassName='black:sm:mx-4'
+        loadMoreClassName='sm:pb-4 black:sm:pb-0 black:sm:mx-4'
         scrollKey='link_timeline'
         timelineId={`link:${url}`}
         onLoadMore={handleLoadMore}
diff --git a/packages/pl-fe/src/pages/timelines/list-timeline.tsx b/packages/pl-fe/src/pages/timelines/list-timeline.tsx
index f9f5cccd7..b9fe61291 100644
--- a/packages/pl-fe/src/pages/timelines/list-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/list-timeline.tsx
@@ -101,7 +101,7 @@ const ListTimelinePage: React.FC = () => {
       action={<DropdownMenu items={items} src={require('@tabler/icons/outline/dots-vertical.svg')} />}
     >
       <Timeline
-        loadMoreClassName='black:sm:mx-4'
+        loadMoreClassName='sm:pb-4 black:sm:pb-0 black:sm:mx-4'
         scrollKey='list_timeline'
         timelineId={`list:${id}`}
         onLoadMore={handleLoadMore}
diff --git a/packages/pl-fe/src/pages/timelines/public-timeline.tsx b/packages/pl-fe/src/pages/timelines/public-timeline.tsx
index 853f55742..ee0154a99 100644
--- a/packages/pl-fe/src/pages/timelines/public-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/public-timeline.tsx
@@ -85,7 +85,7 @@ const PublicTimelinePage = () => {
       </div>}
       <PullToRefresh onRefresh={handleRefresh}>
         <Timeline
-          loadMoreClassName='black:sm:mx-4'
+          loadMoreClassName='sm:pb-4 black:sm:pb-0 black:sm:mx-4'
           scrollKey={`${timelineId}_timeline`}
           timelineId={`${timelineId}${onlyMedia ? ':media' : ''}`}
           prefix='home'
diff --git a/packages/pl-fe/src/pages/timelines/remote-timeline.tsx b/packages/pl-fe/src/pages/timelines/remote-timeline.tsx
index a1e8f1b74..ae6e16ee8 100644
--- a/packages/pl-fe/src/pages/timelines/remote-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/remote-timeline.tsx
@@ -64,7 +64,7 @@ const RemoteTimelinePage: React.FC<IRemoteTimelinePage> = ({ params }) => {
       )}
 
       <Timeline
-        loadMoreClassName='black:sm:mx-4'
+        loadMoreClassName='sm:pb-4 black:sm:pb-0 black:sm:mx-4'
         scrollKey={`${timelineId}_${instance}_timeline`}
         timelineId={`${timelineId}${onlyMedia ? ':media' : ''}:${instance}`}
         onLoadMore={handleLoadMore}