From b490933e36b74482f0a61fe87475d78176f8cb89 Mon Sep 17 00:00:00 2001
From: lauti7 <lautigbustos@gmail.com>
Date: Tue, 5 Dec 2023 12:47:20 -0300
Subject: [PATCH] fix: loading status

---
 src/components/Notifications/NotificationsFeed.css | 4 ++++
 src/components/Notifications/NotificationsFeed.tsx | 6 +++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/Notifications/NotificationsFeed.css b/src/components/Notifications/NotificationsFeed.css
index 63040c47..1ca55aef 100644
--- a/src/components/Notifications/NotificationsFeed.css
+++ b/src/components/Notifications/NotificationsFeed.css
@@ -25,6 +25,10 @@
   box-shadow: -1px -1px 0 0 var(--background);
 }
 
+.dcl.notifications-feed__loader {
+  height: 290px;
+}
+
 .dcl.notifications-feed__content > .dcl.tabs {
   margin-bottom: 0;
   height: auto;
diff --git a/src/components/Notifications/NotificationsFeed.tsx b/src/components/Notifications/NotificationsFeed.tsx
index 424985d6..1f628410 100644
--- a/src/components/Notifications/NotificationsFeed.tsx
+++ b/src/components/Notifications/NotificationsFeed.tsx
@@ -259,7 +259,11 @@ export default function NotificationsFeed({
           </div>
         </div>
       )}
-      {isLoading && <Loader active />}
+      {isLoading && (
+        <div className="dcl notifications-feed__loader">
+          <Loader active />
+        </div>
+      )}
     </div>
   )
 }