diff --git a/public/app.mjs b/public/app.mjs
index 28b6b7c..b22ec53 100644
--- a/public/app.mjs
+++ b/public/app.mjs
@@ -1191,7 +1191,10 @@ function render_grid_viewer() {
 	));
 
 	const cells_el = document.getElementById('grid-cells');
-	cells_el.style.gridTemplateColumns = `repeat(${grid.cols}, 1fr)`;
+	const gap = 4;
+	const available = cells_el.parentElement.clientWidth;
+	const cell_px = Math.floor((available - gap * (grid.cols - 1)) / grid.cols);
+	cells_el.style.gridTemplateColumns = `repeat(${grid.cols}, ${cell_px}px)`;
 
 	const all_cells = grid.cells.flat().map((filename, idx) => {
 		const row = Math.floor(idx / grid.cols);
diff --git a/public/style.css b/public/style.css
index cab28b4..a669599 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1338,6 +1338,10 @@ nav {
 }
 
 
+.grid-viewer {
+	overflow-x: auto;
+}
+
 .grid-cells {
 	display: grid;
 	gap: 4px;