diff --git a/frontend/src/components/index/ActionIconButton.vue b/frontend/src/components/index/ActionIconButton.vue
new file mode 100644
index 0000000..f2e5d7c
--- /dev/null
+++ b/frontend/src/components/index/ActionIconButton.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+let props = defineProps<{
+  icon: string,
+  text: string,
+  disabled?: boolean,
+}>()
+let emit = defineEmits<{
+  (e: 'click'): void
+}>()
+</script>
+
+<template>
+  <v-tooltip location="bottom" :text="text">
+    <template #activator="{props}">
+      <v-btn @click="emit('click')" color="primary" density="compact" :icon="icon" v-bind="props"
+             :disabled="disabled ?? false"></v-btn>
+    </template>
+  </v-tooltip>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/frontend/src/components/index/Conversation.vue b/frontend/src/components/index/Conversation.vue
index f67e791..a531d5d 100644
--- a/frontend/src/components/index/Conversation.vue
+++ b/frontend/src/components/index/Conversation.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import dayjs from "dayjs"
 import LocalizedFormat from "dayjs/plugin/localizedFormat"
+import ActionIconButton from "./ActionIconButton.vue"
 
 dayjs.extend(LocalizedFormat)
 
@@ -32,11 +33,11 @@ let emit = defineEmits<{
     </v-card-text>
     <v-card-actions>
       <v-spacer></v-spacer>
-      <v-btn @click="emit('share')" color="primary" density="comfortable" icon="mdi-share-variant"></v-btn>
-      <v-btn @click="emit('export')" color="primary" density="comfortable" icon="mdi-export"></v-btn>
-      <v-btn @click="emit('edit')" color="primary" density="compact" icon="mdi-pencil"></v-btn>
-      <v-btn @click="emit('delete')" color="primary" :disabled="disabled ?? false" density="compact"
-             icon="mdi-delete"></v-btn>
+      <action-icon-button @click="emit('share')" icon="mdi-share-variant" text="Share"></action-icon-button>
+      <action-icon-button @click="emit('export')" icon="mdi-export" text="Export"></action-icon-button>
+      <action-icon-button @click="emit('edit')" icon="mdi-pencil" text="Edit"></action-icon-button>
+      <action-icon-button @click="emit('delete')" icon="mdi-delete" text="Delete"
+                          :disabled="disabled ?? false"></action-icon-button>
     </v-card-actions>
   </v-card>
 </template>