diff --git a/components/MessageContent.vue b/components/MessageContent.vue
index 6ce1526..5e8ba0e 100644
--- a/components/MessageContent.vue
+++ b/components/MessageContent.vue
@@ -75,11 +75,11 @@ const handleMessageClick = (message) => {
 <style lang="scss" scoped>
 .message-scroll {
   height: calc(100vh - var(--status-bar-height, 0) - 100px);
-  padding: 16px;
-  padding-bottom: 100px;
 }
 
 .message-container {
+  padding: 16px;
+  padding-bottom: 100px;
   display: flex;
   flex-direction: column;
   gap: 12px;
diff --git a/components/TodoList.vue b/components/TodoList.vue
index 9aadd8b..450de62 100644
--- a/components/TodoList.vue
+++ b/components/TodoList.vue
@@ -82,11 +82,12 @@ const handleTodoClick = (todo) => {
 <style lang="scss" scoped>
 .todo-scroll {
   height: calc(100vh - var(--status-bar-height, 0) - 100px);
-  padding: 16px;
+
   padding-bottom: 100px;
 }
 
 .todo-container {
+  padding: 16px;
   display: flex;
   flex-direction: column;
   gap: 12px;