diff --git a/resources/views/recipe/show.blade.php b/resources/views/recipe/show.blade.php
index 5baaec8..49e36e7 100644
--- a/resources/views/recipe/show.blade.php
+++ b/resources/views/recipe/show.blade.php
@@ -14,10 +14,11 @@
         <x-section-heading>
             <h2 class="text-3xl">{{ __('Created item') }}</h2>
         </x-section-heading>
-        <p class="px-4 space-y-2 flex">
-            {{$recipe->craft->name}}
+        <p class="px-4 space-y-2">
             @if ($recipe->craft->external_id)
-            <x-wowhead class="h-5 w-5 ml-2" id="{{ $recipe->craft->external_id }}" />
+            <x-wowhead-link wh-id="{{ $recipe->craft->external_id }}">{{ $recipe->craft->name }}</x-wowhead-link>
+            @else
+            {{ $recipe->craft->name }}
             @endif
         </p>
     </div>
@@ -29,10 +30,12 @@
         </x-section-heading>
         <ul class="px-4 space-y-2">
             @foreach($recipe->reagents as $reagent)
-            <li class="flex">
-                <strong>{{ $reagent->pivot->quantity }}</strong>x {{ $reagent->name }}
+            <li>
+                <strong>{{ $reagent->pivot->quantity }}</strong>x
                 @if ($reagent->external_id)
-                <x-wowhead class="h-5 w-5 ml-2" id="{{ $reagent->external_id }}" />
+                <x-wowhead-link wh-id="{{ $reagent->external_id }}">{{ $reagent->name }}</x-wowhead-link>
+                @else
+                {{ $reagent->name }}
                 @endif
             </li>
             @endforeach