diff --git a/app/scss/custom.scss b/app/scss/custom.scss
index d2a48e87..fb814c5a 100644
--- a/app/scss/custom.scss
+++ b/app/scss/custom.scss
@@ -268,9 +268,9 @@ pre {
 	grid-template-columns: repeat(2, 1fr);
 }
 
-.grid-4 {
+.grid-250px {
 	display: grid;
-	grid-template-columns: repeat(4, 1fr);
+	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
 }
 
 .gap-2 {
diff --git a/app/templates/base.html b/app/templates/base.html
index b21647bd..0e2c9b8f 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -16,7 +16,7 @@
 	{%- endif %}
 
 	<link rel="stylesheet" type="text/css" href="/static/libs/bootstrap.min.css">
-	<link rel="stylesheet" type="text/css" href="/static/custom.css?v=41">
+	<link rel="stylesheet" type="text/css" href="/static/custom.css?v=42">
 	<link rel="search" type="application/opensearchdescription+xml" href="/static/opensearch.xml" title="ContentDB" />
 
 	{% if noindex -%}
diff --git a/app/templates/macros/packagegridtile.html b/app/templates/macros/packagegridtile.html
index 0ed7e7d5..bd49176a 100644
--- a/app/templates/macros/packagegridtile.html
+++ b/app/templates/macros/packagegridtile.html
@@ -38,7 +38,7 @@
 {% endmacro %}
 
 {% macro render_pkggrid(packages, show_author=True) -%}
-	<ul class="grid-4 gap-2 p-0">
+	<ul class="grid-250px gap-2 p-0">
 		{% for p in packages %}
 			{{ render_pkgtile(p, show_author) }}
 		{% else %}