diff --git a/public/app.mjs b/public/app.mjs
index 14433ee..1f23f4a 100644
--- a/public/app.mjs
+++ b/public/app.mjs
@@ -1666,7 +1666,7 @@ function open_inventory_dialog(entry = null, default_component_id = null, defaul
 	function rebuild_grid_visual() {
 		const grid = all_grids.find(g => g.id === grid_sel.value);
 		if (!grid) { grid_visual.replaceChildren(); return; }
-		grid_visual.style.gridTemplateColumns = `repeat(${grid.cols}, 1fr)`;
+		grid_visual.style.gridTemplateColumns = `repeat(${grid.cols}, 64px)`;
 		const cells = [];
 		for (let r = 0; r < grid.rows; r++) {
 			for (let c = 0; c < grid.cols; c++) {
diff --git a/public/style.css b/public/style.css
index 3178ee6..fa65e15 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1506,9 +1506,9 @@ nav {
 
 .i-grid-visual {
 	display: grid;
-	gap: 2px;
-	max-height: 320px;
-	overflow-y: auto;
+	gap: 3px;
+	max-height: 420px;
+	overflow: auto;
 }
 
 .igv-cell {
diff --git a/public/templates.html b/public/templates.html
index fda93b6..f306bc1 100644
--- a/public/templates.html
+++ b/public/templates.html
@@ -415,7 +415,7 @@
 
 <!-- ===== DIALOG: INVENTORY ENTRY ===== -->
 <template id="t-dialog-inventory">
-	<dialog id="dialog-inventory" class="app-dialog">
+	<dialog id="dialog-inventory" class="app-dialog app-dialog-wide">
 		<h2 class="dialog-title"></h2>
 		<form method="dialog" id="form-inventory">
 			<div class="form-row">