diff --git a/BlazorApp1/Components/Crafting.razor b/BlazorApp1/Components/Crafting.razor
index ebc8ad6..c8f143d 100644
--- a/BlazorApp1/Components/Crafting.razor
+++ b/BlazorApp1/Components/Crafting.razor
@@ -10,7 +10,6 @@
                         @foreach (var item in Items)
                         {
                             <CraftingItem Item="item" NoDrop="true"/>
-
                         }
                     </div>
                 </div>
diff --git a/BlazorApp1/Components/CraftingItem.razor b/BlazorApp1/Components/CraftingItem.razor
index 3ae8ec4..26745fe 100644
--- a/BlazorApp1/Components/CraftingItem.razor
+++ b/BlazorApp1/Components/CraftingItem.razor
@@ -11,6 +11,6 @@
 
     @if (Item != null)
     {
-        @Item.DisplayName
+        <img src="data:image/png;base64, @(Item.ImageBase64)" class="img-thumbnail" alt="@(Item.DisplayName)" style="min-width: 64px; max-width: 64px" />
     }
 </div>
\ No newline at end of file
diff --git a/BlazorApp1/Components/InventoryItem.razor b/BlazorApp1/Components/InventoryItem.razor
index 3ae8ec4..bd0c521 100644
--- a/BlazorApp1/Components/InventoryItem.razor
+++ b/BlazorApp1/Components/InventoryItem.razor
@@ -11,6 +11,6 @@
 
     @if (Item != null)
     {
-        @Item.DisplayName
+        <img src="data:image/png;base64, @(Item.ImageBase64)" class="img-thumbnail" alt="@(Item.DisplayName)" style="min-width: 64px; max-width: 64px"/>
     }
 </div>
\ No newline at end of file