items in containers will not show in general items container

source/style/Character-sheet.less

@@ -36,7 +36,7 @@
 	.flexpart {
 		gap: 0;
 		padding: 0;
-		margin: 10px;
+		margin: 5px;
 		background-color: beige;
 		border: 2px solid black;
 	}

templates/sheets/character/gear.hbs

@@ -23,7 +23,10 @@
 		</div>
 
 		<div class="flexpart">
-			<div class="flexpart-header"><img src="icons/tools/hand/scale-balances-merchant-brown.webp" class="flexpart-icon">{{localize "TYPES.Item.item"}}</div>
+			<div class="flexpart-header">
+				<img src="icons/tools/hand/scale-balances-merchant-brown.webp" class="flexpart-icon">
+				{{localize "TYPES.Item.item"}}
+			</div>
 			<table>
 				<thead class="theader">
 					<tr>
@@ -39,6 +42,7 @@
 					<tr height = 10px></tr>
 					</tr>
 					{{#each data.calc.gear.items as |item itemId|}}
+						{{#unless item.containerId}}
 						<tr data-item="{{itemId}}">
 							<td class="padding">
 								<span class="edit-item">{{item.label}}</span>
@@ -61,6 +65,7 @@
 							<td class="fixed-value">{{#if item.rollExist}}<button class="roll-button roll-consumable-item"></button>{{/if}}</td>
 							<td class="fixed-value"><a class="item-delete" title="Delete Item"><i class="fas fa-trash"></i></a></td>
 						</tr>
+						{{/unless}}
 					{{/each}}
 				</tbody>
 			</table>
@@ -83,7 +88,6 @@
 				</thead>
 				<tbody>
 					<tr height = 10px></tr>
-					</tr>
 					{{#each data.calc.gear.containers as |item itemId|}}
 						<tr data-item="{{itemId}}">
 							<td class="padding">
@@ -123,7 +127,6 @@
 				</thead>
 				<tbody>
 					<tr height = 10px></tr>
-					</tr>
 					{{#each ../data.calc.gear.items as |item itemId|}}
 						{{#if (eq item.containerId containerId)}}	
 						<tr data-item="{{itemId}}">