diff --git a/src/components/button/DeleteButton.vue b/src/components/button/DeleteButton.vue
index 90e2aea2..3c9bb571 100644
--- a/src/components/button/DeleteButton.vue
+++ b/src/components/button/DeleteButton.vue
@@ -17,7 +17,7 @@ defineProps<{
   <MainButton
     @click="(e) => $emit('click', e)"
     v-bind="{ ...$props, ...$attrs }"
-    icon="mdi-trash-can"
+    icon="mdi-trash-can-outline"
     color="var(--negative-bg)"
   >
     {{ $t('delete') }}
diff --git a/src/components/button/EditButton.vue b/src/components/button/EditButton.vue
index e70897fc..9d24cbd3 100644
--- a/src/components/button/EditButton.vue
+++ b/src/components/button/EditButton.vue
@@ -17,8 +17,8 @@ defineProps<{
   <MainButton
     @click="(e) => $emit('click', e)"
     v-bind="{ ...$props, ...$attrs }"
-    icon="mdi-pencil"
-    color="var(--info-bg)"
+    icon="mdi-pencil-outline"
+    color="var(--cyan-6-hsl)"
   >
     {{ $t('edit') }}
   </MainButton>
diff --git a/src/components/button/SaveButton.vue b/src/components/button/SaveButton.vue
index e667ed89..452baae3 100644
--- a/src/components/button/SaveButton.vue
+++ b/src/components/button/SaveButton.vue
@@ -17,8 +17,8 @@ defineProps<{
   <MainButton
     @click="(e) => $emit('click', e)"
     v-bind="{ ...$props, ...$attrs }"
-    icon="mdi-content-save"
-    color="var(--positive-bg)"
+    icon="mdi-content-save-outline"
+    color="207 96% 32%"
   >
     {{ $t('save') }}
   </MainButton>
diff --git a/src/components/button/UndoButton.vue b/src/components/button/UndoButton.vue
index 233a4b8f..3c2aa782 100644
--- a/src/components/button/UndoButton.vue
+++ b/src/components/button/UndoButton.vue
@@ -18,7 +18,7 @@ defineProps<{
     @click="(e) => $emit('click', e)"
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-arrow-left"
-    color="var(--negative-bg)"
+    color="var(--gray-8-hsl)"
   >
     {{ $t('undo') }}
   </MainButton>