diff --git a/app/notifications/loading.tsx b/app/notifications/loading.tsx
index 159a240f2..b04dde00d 100644
--- a/app/notifications/loading.tsx
+++ b/app/notifications/loading.tsx
@@ -3,7 +3,7 @@ import { NotificationSkeletonList } from '@/components/skeletons/NotificationSke
 
 export default function NotificationsLoading() {
   return (
-    <PageLayout contentWidth="narrow">
+    <PageLayout contentWidth="narrow" className="lg:mt-4">
       <h1 className="sr-only">Notifications</h1>
       <NotificationSkeletonList />
     </PageLayout>
diff --git a/app/notifications/page.tsx b/app/notifications/page.tsx
index c24bac3cc..87a4b5431 100644
--- a/app/notifications/page.tsx
+++ b/app/notifications/page.tsx
@@ -39,7 +39,7 @@ export default function NotificationsPage() {
   });
 
   return (
-    <PageLayout rightSidebar={true} contentWidth="narrow">
+    <PageLayout rightSidebar={true} contentWidth="narrow" className="lg:mt-4">
       <h1 className="sr-only">Notifications</h1>
       <NotificationList notifications={notificationData.results} loading={loading} error={error} />