diff --git a/src/lib/components/ContainedItem.svelte b/src/lib/components/ContainedItem.svelte
new file mode 100644
index 000000000..b0fab6c04
--- /dev/null
+++ b/src/lib/components/ContainedItem.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+  import type { ProcessedSkyBlockItem } from "$lib/types/global";
+  import { Avatar } from "bits-ui";
+  import Image from "lucide-svelte/icons/image";
+
+  let { piece }: { piece: ProcessedSkyBlockItem } = $props();
+</script>
+
+<div class="data-[enchanted=true]:shine relative flex aspect-square items-center justify-center overflow-clip rounded-lg p-0" data-enchanted={piece.shiny}>
+  <Avatar.Root>
+    <Avatar.Image loading="lazy" src={piece.texture_path} alt={piece.display_name} class="group-data-[enchanted=true]:enchanted h-auto w-14 select-none" />
+    <Avatar.Fallback>
+      <Image class="size-8" />
+    </Avatar.Fallback>
+  </Avatar.Root>
+</div>
diff --git a/src/lib/components/Item.svelte b/src/lib/components/Item.svelte
index ea2728aa9..98c6df551 100644
--- a/src/lib/components/Item.svelte
+++ b/src/lib/components/Item.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import { page } from "$app/stores";
+  import ContainedItem from "$lib/components/ContainedItem.svelte";
   import type { IsHover } from "$lib/hooks/is-hover.svelte";
   import { RARITIES, RARITY_COLORS } from "$lib/shared/constants/items";
   import { getRarityClass, removeFormatting, renderLore } from "$lib/shared/helper";
@@ -80,6 +81,21 @@
         {#each skyblockItem.lore as lore}
           {@html renderLore(lore)}
         {/each}
+        {#if skyblockItem.containsItems && skyblockItem.containsItems.length > 0}
+          <div class="mt-4 border-t border-text/10 pt-4">
+            <div class="grid grid-cols-9 gap-1">
+              {#each skyblockItem.containsItems.slice(0, Math.min(skyblockItem.containsItems.length, 54)) as containedItem}
+                {#if containedItem.texture_path}
+                  <div class="flex aspect-square items-center justify-center rounded bg-text/[0.04]">
+                    <ContainedItem piece={containedItem} />
+                  </div>
+                {:else}
+                  <div class="aspect-square rounded bg-text/[0.04]"></div>
+                {/if}
+              {/each}
+            </div>
+          </div>
+        {/if}
       </div>
     </Tooltip.Content>
   </Tooltip.Root>