From 77e46500e215e91d2861851a31ffdb42334816a7 Mon Sep 17 00:00:00 2001
From: Tommaso Casaburi <tom@bitsocial.net>
Date: Thu, 21 May 2026 18:00:01 +0700
Subject: [PATCH] fix(board): match subscriptions empty state to catalog search
 styling

Use the same centered red status treatment as catalog "Nothing Found"
instead of a plain red span in the subscriptions footer.
---
 src/views/board/__tests__/board.test.tsx |  1 +
 src/views/board/board.module.css         | 11 +++++++++++
 src/views/board/board.tsx                |  4 +++-
 3 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/views/board/__tests__/board.test.tsx b/src/views/board/__tests__/board.test.tsx
index 9a5ebef8..695b274a 100644
--- a/src/views/board/__tests__/board.test.tsx
+++ b/src/views/board/__tests__/board.test.tsx
@@ -604,6 +604,7 @@ describe('Board', () => {
 
     expect(latestLocation).toBe('/subs');
     expect(container.textContent).toContain('not_subscribed_to_any_board');
+    expect(container.querySelector('[role="status"]')?.className).toContain('searchNothingFound');
   });
 
   it('links empty mod feeds to account import settings', async () => {
diff --git a/src/views/board/board.module.css b/src/views/board/board.module.css
index 8c77d713..6bc170a0 100644
--- a/src/views/board/board.module.css
+++ b/src/views/board/board.module.css
@@ -17,6 +17,17 @@
   padding: 15px 0 20px 5px;
 }
 
+.searchNothingFound {
+  color: red;
+  display: block;
+  margin: 0;
+  padding: 1em 0;
+  text-align: center;
+  font-size: x-large;
+  font-weight: bold;
+  line-height: normal;
+}
+
 .morePostsSuggestion {
   color: var(--body-font-color);
   padding-bottom: 5px;
diff --git a/src/views/board/board.tsx b/src/views/board/board.tsx
index 5934b564..6dc2ce13 100644
--- a/src/views/board/board.tsx
+++ b/src/views/board/board.tsx
@@ -133,7 +133,9 @@ const BoardFooter = ({
         {communityState === 'failed' ? (
           <span className='red'>{communityState}</span>
         ) : isInSubscriptionsView && subscriptionsLength === 0 ? (
-          <span className='red'>{t('not_subscribed_to_any_board')}</span>
+          <div className={styles.searchNothingFound} role='status'>
+            {t('not_subscribed_to_any_board')}
+          </div>
         ) : isInModView && accountCommunityAddressesLength === 0 ? (
           <ModEmptyState />
         ) : (