diff --git a/resources/views/livewire/recipes.blade.php b/resources/views/livewire/recipes.blade.php
index f8bf653..6349be4 100644
--- a/resources/views/livewire/recipes.blade.php
+++ b/resources/views/livewire/recipes.blade.php
@@ -18,7 +18,20 @@
         <tbody class="w-full">
             @foreach($recipes as $recipe)
             <tr class="focus:outline-none text-sm leading-none text-gray-800 bg-white hover:bg-gray-100 border-b border-t border-gray-100">
-                <td class="px-3 py-4"><x-link href="{{ route('recipe.show', [ 'recipe' => $recipe ]) }}">{{ $recipe->name }}</x-link></td>
+                <td class="px-3 py-4">
+                    @php
+                        if ($recipe->spell) {
+                            $id = $recipe->spell->id;
+                            $type = 'spell';
+                        } else {
+                            $id = $recipe->craft->external_id;
+                            $type = 'item';
+                        }
+                    @endphp
+                    <x-wowhead-link :type="$type" :wh-id="$id" href="{{ route('recipe.show', [ 'recipe' => $recipe ]) }}">
+                        {{ $recipe->name }}
+                    </x-wowhead-link>
+                </td>
                 <td class="px-3 py-4">
                     <div class="flex items-center">
                         <x-profession-icon class="w-4 h-4 mr-1" :name="$recipe->profession->name" />