diff --git a/pages/memorial/compositons/offeringModal.vue b/pages/memorial/compositons/offeringModal.vue
index 7659507..e9f336c 100644
--- a/pages/memorial/compositons/offeringModal.vue
+++ b/pages/memorial/compositons/offeringModal.vue
@@ -142,6 +142,8 @@ export default {
 
 .modal-content {
   position: relative;
+  display: flex;
+  flex-direction: column;
   width: 100%;
   background: #FFFBF5;
   border-radius: 24rpx 24rpx 0 0;
@@ -266,12 +268,13 @@ export default {
 .confirm-section {
   display: flex;
   align-items: center;
-  padding: 24rpx 32rpx;
-  width: 648rpx;
+  padding: 24rpx 51rpx;
+  width: 100%;
   height: 90rpx;
   background: #A24242;
   border-radius: 45rpx 45rpx 45rpx 45rpx;
   gap: 20rpx;
+
 }
 
 .price-info {