diff --git a/home.html b/home.html
index e7d0c8f0..94a6aa75 100644
--- a/home.html
+++ b/home.html
@@ -40,8 +40,12 @@
reorders which icon is in which cell. Simpler than free x,y and keeps
the icons tidy against the left edge of the column. */
.left-column { display: flex; flex-direction: column; gap: 14px; }
- .slots-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; width: 100%; align-items: start; }
- @media (max-width: 900px) { .slots-list { grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); } }
+ /* Fixed-width cells (not 1fr) so icons sit in a tight desktop-style grid
+ instead of drifting inside stretched 3-equal-column cells. The whole
+ grid left-aligns to the column edge via justify-content: start. */
+ .slots-list { display: grid; grid-template-columns: repeat(3, 100px); gap: 14px 10px;
+ width: 100%; align-items: start; justify-content: start; }
+ @media (max-width: 900px) { .slots-list { grid-template-columns: repeat(auto-fill, 100px); justify-content: start; } }
.cards-grid.drop-target { outline: 2px dashed var(--acid); outline-offset: 4px; border-radius: 14px; }
.slot { position: relative; display: flex; flex-direction: column; align-items: center;
diff --git a/package.json b/package.json
index a223272c..fa3f9d07 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "theseus-navigator",
- "version": "0.3.101",
+ "version": "0.3.102",
"license": "MPL-2.0",
"description": "Theseus Navigator — a browser that follows the thread. By Silent Mode, a Deviant project.",
"author": "Silent Mode",