diff --git a/src/pydata_sphinx_theme/assets/styles/_base.scss b/src/pydata_sphinx_theme/assets/styles/_base.scss
index ab542f02c..04a638adb 100644
--- a/src/pydata_sphinx_theme/assets/styles/_base.scss
+++ b/src/pydata_sphinx_theme/assets/styles/_base.scss
@@ -128,3 +128,10 @@ dd {
   margin-bottom: 10px;
   margin-left: 30px;
 }
+
+// Prevent field lists from stretching too much on narrow screens
+// ref: https://css-tricks.com/preventing-a-grid-blowout/
+dl.field-list {
+  display: grid;
+  grid-template-columns: fit-content(30%) minmax(0, 1fr);
+}