diff --git a/src/components/ButtonAddCompoent.vue b/src/components/ButtonAddCompoent.vue
index 22d3dbcf..8ae42a91 100644
--- a/src/components/ButtonAddCompoent.vue
+++ b/src/components/ButtonAddCompoent.vue
@@ -7,7 +7,7 @@
       padding="sm"
       icon="mdi-plus"
       direction="up"
-      color="primary"
+      class="color-btn"
     >
       <slot>
         <q-fab-action padding="xs" color="primary" icon="mdi-account-plus" />
@@ -16,4 +16,13 @@
   </q-page-sticky>
 </template>
 
-<style scoped></style>
+<style scoped>
+.color-btn {
+  color: white;
+  background: hsla(var(--blue-10-hsl) / 0.7);
+}
+
+:deep(.q-hoverable:hover) {
+  background: hsla(var(--blue-10-hsl) / 1) !important;
+}
+</style>