diff --git a/nuxt/components/modal/DeleteBookRecommendation.vue b/nuxt/components/modal/DeleteBookRecommendation.vue
index dc4da49..133fdd7 100644
--- a/nuxt/components/modal/DeleteBookRecommendation.vue
+++ b/nuxt/components/modal/DeleteBookRecommendation.vue
@@ -5,13 +5,19 @@ const props = defineProps<{
   row: {
     id: number
     book_name: string
+    recommender: {
+      ulid: string
+    }
   }
 }>()
+
+const authStore = useAuthStore()
+
 const isOpen = ref(false)
 
 const bookRecommendationStore = useBookRecommendationStore()
 
-const { refresh: onDelete, status } = useFetch<any>(`book-recommendations/${props.row.id}`, {
+const { refresh: onDelete, status } = useFetch<any>(() => `book-recommendations/${props.row.id}`, {
   method: 'DELETE',
   immediate: false,
   watch: false,
@@ -31,7 +37,7 @@ const { refresh: onDelete, status } = useFetch<any>(`book-recommendations/${prop
 </script>
 
 <template>
-  <UButton icon="i-heroicons-trash" size="sm" color="red" variant="solid" square @click="isOpen = true" />
+  <UButton v-if="authStore.user.roles.includes('admin')" class="transition-150 transform-gpu hover:scale-110" icon="i-heroicons-trash" size="sm" color="red" variant="solid" square @click="isOpen = true" />
   <UDashboardModal
     v-model="isOpen"
     title="Buch Empfehlung löschen"