diff --git a/resources/views/character/profession/show.blade.php b/resources/views/character/profession/show.blade.php
index eec9ae5..b91c5b0 100644
--- a/resources/views/character/profession/show.blade.php
+++ b/resources/views/character/profession/show.blade.php
@@ -35,13 +35,17 @@
         </h2>
         <ul class="ml-2 space-y-2" x-show="open" x-transition>
             @foreach($recipes as $recipe)
-            <li class="flex">
-                <x-link href="{{ route('recipe.show', [ 'recipe' => $recipe ]) }}">{{ $recipe->name }}</x-link>
-                @if ($recipe->spell)
-                <x-wowhead class="h-5 w-5 ml-2" type="spell" id="{{ $recipe->spell->id }}" />
-                @elseif ($recipe->craft && $recipe->craft->external_id)
-                <x-wowhead class="h-5 w-5 ml-2" id="{{ $recipe->craft->external_id }}" />
-                @endif
+            <li>
+                @php
+                    if ($recipe->spell) {
+                        $id = $recipe->spell->id;
+                        $type = 'spell';
+                    } else {
+                        $id = $recipe->craft->external_id;
+                        $type = 'item';
+                    }
+                @endphp
+                <x-wowhead-link :wh-id="$id" :type="$type" href="{{ route('recipe.show', [ 'recipe' => $recipe ]) }}">{{ $recipe->name }}</x-wowhead-link>
             </li>
             @endforeach
         </ul>