A bit of css for the content-list and content-card

src/views/messages/MessageList.vue

@@ -3,12 +3,12 @@
   <v-infinite-scroll :items="messages"
                      :onLoad="load"
                      mode="manual"
-                     class="bg-teal justify-items-center">
+                     class="bg-gray-300 rounded-md justify-items-center">
 
     <template v-for="(message, index) in messages" :key="index">
       <Message
           :message="message"
-          class="my-2 p-4 bg-amber-200 w-full"
+          class="m-2 p-2 rounded-md bg-gray-100"
       >
       </Message>
     </template>
@@ -16,7 +16,7 @@
     <template v-slot:load-more="{ props }">
       <v-btn
           size="small"
-          variant="flat"
+          variant="plain"
           v-bind="props"
       >Voir plus de commentaires
       </v-btn>