fix: loading status

decentraland · Dec 5, 2023 · b490933 · b490933
1 parent 4f031b2
commit b490933
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git 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
@@ -259,7 +259,11 @@ export default function NotificationsFeed({
           </div>
         </div>
       )}
-      {isLoading && <Loader active />}
+      {isLoading && (
+        <div className="dcl notifications-feed__loader">
+          <Loader active />
+        </div>
+      )}
     </div>
   )
 }