diff --git a/src/views/PayementCompleted.vue b/src/views/PayementCompleted.vue
index c8a1769..7a54e56 100644
--- a/src/views/PayementCompleted.vue
+++ b/src/views/PayementCompleted.vue
@@ -5,24 +5,20 @@
     <DefaultLayout></DefaultLayout>
     <v-container>
       <div class="margin-top-mobile">
-        <v-row style="margin-top: 8%; margin-bottom: 2%" class="d-flex justify-center align-center">
-          <v-col cols="12" xxl="3" xl="4" lg="6" md="7" sm="9"> <v-card class="custom-dialog"
+        <v-row style="margin-top: 4%; margin-bottom: 2%" class="d-flex justify-center align-center">
+          <v-col cols="12" xxl="4" xl="4" lg="5" md="7" sm="9"> <v-card class="custom-dialog"
               style="background-color: white;">
               <v-container>
                 <!-- Title Card -->
-                <v-card-text style="font-weight: 600; margin-top: 25px; margin-bottom: 25px; font-size: 2.5rem;"
+                <v-card-text style="font-weight: 600; margin-top: 20px; margin-bottom: 20px; font-size: 2rem;"
                   class="text-center">
                   Paiement complété
                 </v-card-text>
-
-                <v-text-field v-model="email" label="Email"></v-text-field>
-                <v-btn @click="getReceipt">Reçu</v-btn>
-
                 <v-row justify="center">
 
                   <!-- Icon Check -->
                   <v-col cols="12" class="text-center">
-                    <v-icon color=#a30e79 size="250">mdi-check-circle</v-icon>
+                    <v-icon color=#a30e79 size="150">mdi-check-circle</v-icon>
                   </v-col>
                 </v-row>
                 <!-- Informations -->
@@ -31,17 +27,23 @@
                     <v-card-text style="font-size: 1.2rem; text-align: center;">
                       Merci de supporter
                     </v-card-text>
-                    <v-card-text style="font-weight: 600; font-size: 1.6rem; text-align: center;">
+                    <v-card-text style="font-weight: 600; font-size: 1.6rem; text-align: center; margin-bottom: 10px;">
                       {{ creatorName }}
                     </v-card-text>
                   </v-col>
                 </v-row>
                 <!-- Ok btn -->
                 <v-row>
+                  <v-row style="margin-left: 30px; margin-right: 30px; margin-bottom: 10px;">
+                    <v-text-field variant="underlined" style=" opacity: 0.80; margin-right: 10px;" v-model="email"
+                      label="Email"></v-text-field>
+                    <v-btn variant="plain" style="margin-top: 10px;" @click="getReceipt">Reçu</v-btn>
+                  </v-row>
                   <v-col cols="12">
+
                     <v-card-actions class="justify-center">
                       <v-btn color="white" outlined elevation="2"
-                        style="font-size: 2rem; width: 250px; height: 50px; margin-bottom: 25px; background-color: #a30e79;"
+                        style="font-size: 2rem; width: 175px; height: 45px; margin-bottom: 25px; background-color: #a30e79;"
                         @click="router.push({ path: `/${creatorUserName}` })">Ok</v-btn>
                     </v-card-actions>
                   </v-col>
@@ -66,9 +68,9 @@
 <script async setup>
 import DefaultLayout from '@/layouts/DefaultLayout.vue';
 import FooterLayout from '@/layouts/FooterLayout.vue';
-import { useRouter } from 'vue-router';
 import { useClient } from '@/plugins/api.js';
-import {onBeforeMount, ref} from 'vue';
+import { onBeforeMount, ref } from 'vue';
+import { useRouter } from 'vue-router';
 const router = useRouter()
 const client = useClient();