diff --git a/src/pages/ChatMain/ChatMainList/index.vue b/src/pages/ChatMain/ChatMainList/index.vue
index d7e89d7..1e5a72e 100644
--- a/src/pages/ChatMain/ChatMainList/index.vue
+++ b/src/pages/ChatMain/ChatMainList/index.vue
@@ -1317,10 +1317,5 @@ const resetConfig = () => {
 </script>
 
 <style lang="scss" scoped>
-.main-scroll-area {
-  flex-basis: 0;
-  height: 0;
-  min-height: 0;
-  overscroll-behavior-y: contain;
-}
+@import "./styles/index.scss";
 </style>
diff --git a/src/pages/ChatMain/ChatMainList/styles/index.scss b/src/pages/ChatMain/ChatMainList/styles/index.scss
new file mode 100644
index 0000000..9c4fd57
--- /dev/null
+++ b/src/pages/ChatMain/ChatMainList/styles/index.scss
@@ -0,0 +1,6 @@
+.main-scroll-area {
+  flex-basis: 0;
+  height: 0;
+  min-height: 0;
+  overscroll-behavior-y: contain;
+}
\ No newline at end of file
diff --git a/src/static/scss/padding.scss b/src/static/scss/padding.scss
index 9e78ab2..b696d30 100644
--- a/src/static/scss/padding.scss
+++ b/src/static/scss/padding.scss
@@ -320,5 +320,5 @@
 }
 
 .pb-safe-area {
-  padding-bottom: Max(env(safe-area-inset-bottom), 4px);
+  padding-bottom: 20px;
 }