diff --git a/src/views/mod-queue/mod-queue.module.css b/src/views/mod-queue/mod-queue.module.css
index 26463e4f..96880684 100644
--- a/src/views/mod-queue/mod-queue.module.css
+++ b/src/views/mod-queue/mod-queue.module.css
@@ -99,6 +99,12 @@
   color: var(--mod-queue-time-color);
 }
 
+.footer {
+  padding: 10px;
+  display: flex;
+  justify-content: center;
+}
+
 /* ModQueueRow styles */
 .row {
   display: flex;
diff --git a/src/views/mod-queue/mod-queue.tsx b/src/views/mod-queue/mod-queue.tsx
index 62e3b744..89de5cb6 100644
--- a/src/views/mod-queue/mod-queue.tsx
+++ b/src/views/mod-queue/mod-queue.tsx
@@ -39,7 +39,7 @@ const ModQueueFooter = ({ hasMore, subplebbitAddresses }: ModQueueFooterProps) =
   const loadingStateString = useFeedStateString(subplebbitAddresses) || t('loading');
 
   return hasMore ? (
-    <div style={{ padding: '10px', textAlign: 'center' }}>
+    <div className={styles.footer}>
       <LoadingEllipsis string={loadingStateString} />
     </div>
   ) : null;