From 35394db72c61b3c48e51909b84e5920cf2dcb84b Mon Sep 17 00:00:00 2001
From: Juan Denis <jhd3197@gmail.com>
Date: Tue, 3 Nov 2026 13:08:02 -0500
Subject: [PATCH] fix(frontend): notifications page uses the shell's fluid
 width

---
 frontend/src/pages/Notifications.jsx                | 2 +-
 frontend/src/styles/pages/_notification-center.scss | 4 +---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/Notifications.jsx b/frontend/src/pages/Notifications.jsx
index 19fbf41a..7741252b 100644
--- a/frontend/src/pages/Notifications.jsx
+++ b/frontend/src/pages/Notifications.jsx
@@ -97,7 +97,7 @@ export default function Notifications() {
         <PageLayout
             icon={<Bell size={18} />}
             title={t('app.notifications.notifications', 'Notifications')}
-            meta={unreadCount ? `${unreadCount} unread` : 'All caught up'}
+            meta={unreadCount ? t('app.notifications.unreadCount', '{{count}} unread', { count: unreadCount }) : t('app.notifications.allCaughtUp', 'All caught up')}
             actions={(
                 <>
                     {isAdmin && (
diff --git a/frontend/src/styles/pages/_notification-center.scss b/frontend/src/styles/pages/_notification-center.scss
index 60aecf08..3cf77117 100644
--- a/frontend/src/styles/pages/_notification-center.scss
+++ b/frontend/src/styles/pages/_notification-center.scss
@@ -1,9 +1,7 @@
 // Notifications history page (sk-notif-page).
 
 .sk-notif-page {
-    max-width: 760px;
-    margin: 0 auto;
-    padding: $space-5 $space-6 $space-10;
+    // Width and gutter come from the page shell, as on every page.
 
     &__filters {
         display: inline-flex;