diff --git a/src/components/sp-page/index.js b/src/components/sp-page/index.js
index 7b7c8b255..b231f4f30 100644
--- a/src/components/sp-page/index.js
+++ b/src/components/sp-page/index.js
@@ -464,21 +464,22 @@ const SpPage = memo(
               'padding-top': `${state.customNavigation && !props.immersive ? state.gNavbarH : 0}px`,
               'padding-bottom': props.renderFooter
                 ? Taro.pxTransform(
-                  props.footerHeight + (isIphoneX() ? DEFAULT_SAFE_AREA_HEIGHT : 0)
+                  props.footerHeight + (isIphoneX() ? DEFAULT_SAFE_AREA_HEIGHT : 0) 
                 )
                 : 0
             })}
           >
-            <context.Provider value={{}}>{props.children}</context.Provider>
-
-            {!props.loading && <View className='sp-page__powered-by flex items-center justify-center text-center'>
-             <Text>Powered by</Text><SpImage src='powered-logo.png' width={120} />
-            </View>}
+            <View className='sp-page__body-content'>
+              <context.Provider value={{}}>
+                {props.children}
+              </context.Provider>
+              <View className='sp-page__powered-by'>
+                <Text>Powered by</Text><SpImage src='powered-logo.png' width={120} />
+              </View>
+            </View>
           </View>
         )}
         {props.loading && <SpLoading />}
-
-
         {props.renderFooter && (
           <View
             key={lang}
diff --git a/src/components/sp-page/index.scss b/src/components/sp-page/index.scss
index f4adc94d4..d92ba4523 100644
--- a/src/components/sp-page/index.scss
+++ b/src/components/sp-page/index.scss
@@ -21,7 +21,7 @@
 
   .sp-page__body {
     box-sizing: border-box;
-    // overflow-y: auto;
+    overflow-y: auto;
   }
 
   .sp-page__footer {
@@ -50,6 +50,9 @@
     gap: 10px;
     height: 80px;
   }
+  .sp-page__body-content {
+    height: fit-content;
+  }
 
   .float-container {
     position: fixed;