diff --git a/frontend/src/views/PaymentCompleted.vue b/frontend/src/views/PaymentCompleted.vue
index caf2f13..be984f7 100644
--- a/frontend/src/views/PaymentCompleted.vue
+++ b/frontend/src/views/PaymentCompleted.vue
@@ -86,8 +86,11 @@ function goBack() {
 
 <style scoped>
 .container {
-  @apply p-5;
   @apply flex items-center justify-center;
+  @apply p-5;
+  @apply w-full;
+  @apply mx-auto;
+  @apply max-w-[1024px];
 }
 
 .card {
@@ -99,6 +102,7 @@ function goBack() {
   @apply relative;
   @apply w-full;
   @apply max-w-2xl;
+  @apply mx-auto;
 }
 
 .card::before {
diff --git a/frontend/src/views/PaymentFailed.vue b/frontend/src/views/PaymentFailed.vue
index d2238cb..40a8b53 100644
--- a/frontend/src/views/PaymentFailed.vue
+++ b/frontend/src/views/PaymentFailed.vue
@@ -56,6 +56,9 @@ function goBack() {
 .container {
   @apply flex items-center justify-center;
   @apply p-5;
+  @apply w-full;
+  @apply mx-auto;
+  @apply max-w-[1024px];
 }
 
 .card {
@@ -67,6 +70,7 @@ function goBack() {
   @apply relative;
   @apply w-full;
   @apply max-w-2xl;
+  @apply mx-auto;
 }
 
 .card::before {