diff --git a/resources/js/Pages/Photo/Index.vue b/resources/js/Pages/Photo/Index.vue
index 2051fb4..7a7f5f4 100644
--- a/resources/js/Pages/Photo/Index.vue
+++ b/resources/js/Pages/Photo/Index.vue
@@ -55,7 +55,7 @@ const gridState = reactive({ columns: 3 });
                 </div>
                 <div class="relative flex items-center">
                     
-                    <button @click="create.active = !create.active" class="flex items-center">
+                    <button @click="create.active = !create.active" class="flex items-center hover:bg-black/10 rounded-md px-2 py-1">
                         <p class="font-semibold mr-4">Ajouter une photo</p>
                         <img src="/icons/add.svg" class="h-8">
                     </button>
diff --git a/resources/js/Pages/Photo/Partials/Create.vue b/resources/js/Pages/Photo/Partials/Create.vue
index a62d75b..e3ca94b 100644
--- a/resources/js/Pages/Photo/Partials/Create.vue
+++ b/resources/js/Pages/Photo/Partials/Create.vue
@@ -54,7 +54,7 @@ const submit = () => {
         </div>
         <div class="px-10 pb-5 pt-5">
             <div @click="() => emits('close')" class="w-full flex justify-end ">
-                <img src="/icons/cancel.svg" class="h-5"> 
+                <img src="/icons/cancel.svg" class="h-7 hover:bg-black/10 rounded-md p-1"> 
             </div>
             <form @submit.prevent="submit">
                 <p>Fichier image</p>