From ce35aa4249390b471f1fd1946fdd063d9cf0b3d9 Mon Sep 17 00:00:00 2001
From: plebeius <tom@plebbit.com>
Date: Mon, 12 Jan 2026 16:45:24 +0100
Subject: [PATCH] style(mod queue): fix loading string styling

---
 src/views/mod-queue/mod-queue.module.css | 6 ++++++
 src/views/mod-queue/mod-queue.tsx        | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

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;