diff --git a/src/components/load-more/index.js b/src/components/load-more/index.js
index 2152fe890..5036de1d5 100644
--- a/src/components/load-more/index.js
+++ b/src/components/load-more/index.js
@@ -28,13 +28,17 @@ export default class AtLoadMore extends AtComponent {
     if (status === 'loading') {
       component = <AtActivityIndicator mode='center' content={loadingText} />
     } else if (status === 'more') {
-      component = <AtButton
-        full
-        onClick={this.onClick.bind(this)}
-        customStyle={moreBtnStyle}
-      >
-        {moreText}
-      </AtButton>
+      component = (
+        <View className='at-load-more__cnt'>
+          <AtButton
+            full
+            onClick={this.onClick.bind(this)}
+            customStyle={moreBtnStyle}
+          >
+            {moreText}
+          </AtButton>
+        </View>
+      )
     } else {
       component = <Text
         className='at-load-more__tip'
diff --git a/src/style/components/button.scss b/src/style/components/button.scss
index 8e079987d..12c939246 100644
--- a/src/style/components/button.scss
+++ b/src/style/components/button.scss
@@ -96,7 +96,7 @@
   }
 
   &--full {
-    width: 1000px;
+    width: 100%;
     max-width: 100%;
     border-radius: 0;
     border-left: none;
diff --git a/src/style/components/load-more.scss b/src/style/components/load-more.scss
index 48c55b8be..7ab39850a 100644
--- a/src/style/components/load-more.scss
+++ b/src/style/components/load-more.scss
@@ -12,6 +12,10 @@
   overflow: hidden;
   box-sizing: border-box;
 
+  &__cnt {
+    flex: 1;
+  }
+
   &__tip {
     text-align: center;
     width: 100%;