From f325836bf6c714833c524bc36580417fbdb446e0 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Tue, 30 Sep 2025 01:12:40 -0700
Subject: [PATCH] wrap extra sections in container component

---
 src/lib/components/grids/WeaponGrid.svelte | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/grids/WeaponGrid.svelte b/src/lib/components/grids/WeaponGrid.svelte
index 041de857..702fd11d 100644
--- a/src/lib/components/grids/WeaponGrid.svelte
+++ b/src/lib/components/grids/WeaponGrid.svelte
@@ -23,6 +23,7 @@
 	}: Props = $props()
 
 	import WeaponUnit from '$lib/components/units/WeaponUnit.svelte'
+	import ExtraContainer from '$lib/components/extra/ExtraContainer.svelte'
 	import ExtraWeapons from '$lib/components/extra/ExtraWeaponsGrid.svelte'
 	import Guidebooks from '$lib/components/extra/GuidebooksGrid.svelte'
 
@@ -81,11 +82,15 @@
 			{/each}
 		</ul>
 	</div>
-	{#if raidExtra}
-		<ExtraWeapons {weapons} offset={9} />
-	{/if}
-	{#if showGuidebooks}
-		<Guidebooks {guidebooks} />
+	{#if raidExtra || showGuidebooks}
+		<ExtraContainer>
+			{#if raidExtra}
+				<ExtraWeapons {weapons} offset={9} />
+			{/if}
+			{#if showGuidebooks}
+				<Guidebooks {guidebooks} />
+			{/if}
+		</ExtraContainer>
 	{/if}
 </div>