diff --git a/packages/app/src/components/LoadMore/index.jsx b/packages/app/src/components/LoadMore/index.jsx
index 2ff3ec62..871b0ff3 100644
--- a/packages/app/src/components/LoadMore/index.jsx
+++ b/packages/app/src/components/LoadMore/index.jsx
@@ -52,6 +52,7 @@ export default React.forwardRef((props, ref) => {
 
         <div
             id="bottom"
+            className="bottom"
             style={{ display: hasMore ? "block" : "none" }}
         >
             {loadingComponent && React.createElement(loadingComponent)}
diff --git a/packages/app/src/components/LoadMore/index.less b/packages/app/src/components/LoadMore/index.less
index 6a0bd2ae..7a09af54 100644
--- a/packages/app/src/components/LoadMore/index.less
+++ b/packages/app/src/components/LoadMore/index.less
@@ -6,6 +6,10 @@
         text-align: center;
     }
 
+    .bottom {
+        width: fit-content;
+    }
+
     .list-loader {
         height: 16vw;
         margin: auto;