I have modified the buttons on the card to edit a message.I reversed the order of the buttons and changed their position.

src/views/creators/CreatorBanner.vue

@@ -25,7 +25,6 @@
 
       <!--Banner-->
       <div class="relative">       
-        <!--Banner-->
         <div>
           <img class=" w-full drop-shadow-[0_15px_10px_rgba(0,0,0,0.35)]"
                :src="creator.images.banner"

src/views/messages/Message.vue

@@ -57,20 +57,21 @@
                 @keyup.enter="acceptChanges"
             ></v-textarea>
 
-            <div class="flex flex-col px-2 space-y-1">
-              <v-btn variant="plain" @click="acceptChanges">
-                <v-icon>mdi-check</v-icon>
-              </v-btn>
+            <div class="flex flex-row px-2 space-y-1 align-center">
               <v-btn variant="plain" @click="cancel">
                 <v-icon class="rounded-full">mdi-cancel</v-icon>
               </v-btn>
+              <v-btn variant="plain" @click="acceptChanges">
+                <v-icon>mdi-check</v-icon>
+              </v-btn>
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>
-  <must-be-logged v-model="loginModal" message="Vous devez être connecté pour supprimer ou modifier un commentaire."></must-be-logged>
+  <must-be-logged v-model="loginModal"
+                  message="Vous devez être connecté pour supprimer ou modifier un commentaire."></must-be-logged>
 </template>
 
 <script setup>