diff --git a/src/components/button/AddButton.vue b/src/components/button/AddButton.vue
index dd222672..e683e2b9 100644
--- a/src/components/button/AddButton.vue
+++ b/src/components/button/AddButton.vue
@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-plus"
     color="var(--info-bg)"
+    :title="iconOnly ? $t('add') : undefined"
   >
     {{ $t('add') }}
   </MainButton>
diff --git a/src/components/button/BackButton.vue b/src/components/button/BackButton.vue
index 4efdf17a..c99c36e4 100644
--- a/src/components/button/BackButton.vue
+++ b/src/components/button/BackButton.vue
@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-arrow-left"
     color="var(--info-bg)"
+    :title="iconOnly ? $t('back') : undefined"
   >
     {{ $t('back') }}
   </MainButton>
diff --git a/src/components/button/CancelButton.vue b/src/components/button/CancelButton.vue
index 50267807..3ba79db1 100644
--- a/src/components/button/CancelButton.vue
+++ b/src/components/button/CancelButton.vue
@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-close"
     color="var(--negative-bg)"
+    :title="iconOnly ? $t('cancel') : undefined"
   >
     {{ $t('cancel') }}
   </MainButton>
diff --git a/src/components/button/DeleteButton.vue b/src/components/button/DeleteButton.vue
index 3c9bb571..80cfdb99 100644
--- a/src/components/button/DeleteButton.vue
+++ b/src/components/button/DeleteButton.vue
@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-trash-can-outline"
     color="var(--negative-bg)"
+    :title="iconOnly ? $t('delete') : undefined"
   >
     {{ $t('delete') }}
   </MainButton>
diff --git a/src/components/button/EditButton.vue b/src/components/button/EditButton.vue
index 9d24cbd3..ca249bcb 100644
--- a/src/components/button/EditButton.vue
+++ b/src/components/button/EditButton.vue
@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-pencil-outline"
     color="var(--cyan-6-hsl)"
+    :title="iconOnly ? $t('edit') : undefined"
   >
     {{ $t('edit') }}
   </MainButton>
diff --git a/src/components/button/SaveButton.vue b/src/components/button/SaveButton.vue
index 452baae3..49591193 100644
--- a/src/components/button/SaveButton.vue
+++ b/src/components/button/SaveButton.vue
@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-content-save-outline"
     color="207 96% 32%"
+    :title="iconOnly ? $t('save') : undefined"
   >
     {{ $t('save') }}
   </MainButton>
diff --git a/src/components/button/UndoButton.vue b/src/components/button/UndoButton.vue
index 3c2aa782..66da0ed0 100644
--- a/src/components/button/UndoButton.vue
+++ b/src/components/button/UndoButton.vue
@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-arrow-left"
     color="var(--gray-8-hsl)"
+    :title="iconOnly ? $t('undo') : undefined"
   >
     {{ $t('undo') }}
   </MainButton>