diff --git a/dist/birb.js b/dist/birb.js
index 098eb92..8d426bd 100644
--- a/dist/birb.js
+++ b/dist/birb.js
@@ -1328,28 +1328,27 @@
 }
 
 #birb-field-guide {
-	width: 330px !important;
+	width: 322px !important;
 }
 
 .birb-grid-content {
-	width: 100%;
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: space-between;
-	flex-direction: row;
-	padding-top: 4px;
-	padding-bottom: 4px;
+	display: grid;
+	grid-template-rows: repeat(3, auto);
+	grid-auto-flow: column;
+	gap: 10px;
+	padding-top: 8px;
+	padding-bottom: 8px;
 	padding-left: 10px;
 	padding-right: 10px;
 	box-sizing: border-box;
+	justify-content: start;
+	align-items: start;
 }
 
 .birb-grid-item {
 	width: 64px;
 	height: 64px;
 	overflow: hidden;
-	margin-top: 6px;
-	margin-bottom: 6px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -1362,7 +1361,7 @@
 
 .birb-grid-item canvas {
 	image-rendering: pixelated;
-	transform: scale(2);
+	transform: scale(2) !important;
 	padding-bottom: var(--birb-border-size);
 }
 
diff --git a/dist/birb.user.js b/dist/birb.user.js
index de469a6..4630297 100644
--- a/dist/birb.user.js
+++ b/dist/birb.user.js
@@ -1,7 +1,7 @@
 // ==UserScript==
 // @name         Pocket Bird
 // @namespace    https://idreesinc.com
-// @version      2025.10.26.421
+// @version      2025.10.26.454
 // @description  birb
 // @author       Idrees
 // @downloadURL  https://github.com/IdreesInc/Pocket-Bird/raw/refs/heads/main/dist/birb.user.js
@@ -1342,28 +1342,27 @@
 }
 
 #birb-field-guide {
-	width: 330px !important;
+	width: 322px !important;
 }
 
 .birb-grid-content {
-	width: 100%;
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: space-between;
-	flex-direction: row;
-	padding-top: 4px;
-	padding-bottom: 4px;
+	display: grid;
+	grid-template-rows: repeat(3, auto);
+	grid-auto-flow: column;
+	gap: 10px;
+	padding-top: 8px;
+	padding-bottom: 8px;
 	padding-left: 10px;
 	padding-right: 10px;
 	box-sizing: border-box;
+	justify-content: start;
+	align-items: start;
 }
 
 .birb-grid-item {
 	width: 64px;
 	height: 64px;
 	overflow: hidden;
-	margin-top: 6px;
-	margin-bottom: 6px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -1376,7 +1375,7 @@
 
 .birb-grid-item canvas {
 	image-rendering: pixelated;
-	transform: scale(2);
+	transform: scale(2) !important;
 	padding-bottom: var(--birb-border-size);
 }
 
diff --git a/manifest.json b/manifest.json
index a8ef2b8..4e3f6d5 100644
--- a/manifest.json
+++ b/manifest.json
@@ -2,7 +2,7 @@
     "manifest_version": 3,
     "name": "Pocket Bird",
     "description": "It's a bird, in your browser. What more could you want?",
-    "version": "2025.10.26.421",
+    "version": "2025.10.26.454",
     "homepage_url": "https://idreesinc.com",
     "content_scripts": [
         {
diff --git a/src/stylesheet.css b/src/stylesheet.css
index 43d223f..cb704fd 100644
--- a/src/stylesheet.css
+++ b/src/stylesheet.css
@@ -230,28 +230,27 @@
 }
 
 #birb-field-guide {
-	width: 330px !important;
+	width: 322px !important;
 }
 
 .birb-grid-content {
-	width: 100%;
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: space-between;
-	flex-direction: row;
-	padding-top: 4px;
-	padding-bottom: 4px;
+	display: grid;
+	grid-template-rows: repeat(3, auto);
+	grid-auto-flow: column;
+	gap: 10px;
+	padding-top: 8px;
+	padding-bottom: 8px;
 	padding-left: 10px;
 	padding-right: 10px;
 	box-sizing: border-box;
+	justify-content: start;
+	align-items: start;
 }
 
 .birb-grid-item {
 	width: 64px;
 	height: 64px;
 	overflow: hidden;
-	margin-top: 6px;
-	margin-bottom: 6px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -264,7 +263,7 @@
 
 .birb-grid-item canvas {
 	image-rendering: pixelated;
-	transform: scale(2);
+	transform: scale(2) !important;
 	padding-bottom: var(--birb-border-size);
 }