diff --git a/lib/state/app/infrastructure/loadable_state/view/loadable_state_consumer.dart b/lib/state/app/infrastructure/loadable_state/view/loadable_state_consumer.dart
index 8daa5eb..ddeaff0 100644
--- a/lib/state/app/infrastructure/loadable_state/view/loadable_state_consumer.dart
+++ b/lib/state/app/infrastructure/loadable_state/view/loadable_state_consumer.dart
@@ -115,9 +115,6 @@ class LoadableStateConsumer<
                     visible: showPrimaryLoading,
                     statusText: loadableState.statusText,
                   ),
-                  LoadableStateBackgroundLoading(
-                    visible: showBackgroundLoading,
-                  ),
                   LoadableStateErrorScreen(
                     visible: showError,
                     message: loadableState.error?.message,
@@ -130,6 +127,12 @@ class LoadableStateConsumer<
                     curve: Curves.easeInOut,
                     child: childWidget,
                   ),
+
+                  // Painted last so the top loading bar stays above the content
+                  // instead of being covered by it (e.g. the chat message list).
+                  LoadableStateBackgroundLoading(
+                    visible: showBackgroundLoading,
+                  ),
                 ],
               ),
             ),