diff --git a/assets/js/search.js b/assets/js/search.js
index 00387e3f..09e8d88a 100644
--- a/assets/js/search.js
+++ b/assets/js/search.js
@@ -27,6 +27,15 @@ const initSearch = () => {
     },
   });
 
+  // Close keyboard when scrolling in search results (mobile only)
+  const searchDrawer = search.querySelector(".pagefind-ui__drawer");
+  searchDrawer.addEventListener("scroll", () => {
+    if (!isMobile) return;
+    if (document.activeElement && document.activeElement.blur) {
+      document.activeElement.blur();
+    }
+  });
+
   const searchElement = search.querySelector("input");
 
   const closeSearch = () => {
diff --git a/assets/sass/search.scss b/assets/sass/search.scss
index dd1aa386..31f2ed02 100644
--- a/assets/sass/search.scss
+++ b/assets/sass/search.scss
@@ -75,6 +75,10 @@
     z-index: 6;
     border: var(--border);
     border-radius: 0 0 var(--border-radius-l) var(--border-radius-l);
+
+    @media (max-width: #{$breakpoint-md}) {
+      max-height: calc(100dvh - 17rem);
+    }
   }
 
   .pagefind-ui__result {
diff --git a/layouts/partials/headMeta.html b/layouts/partials/headMeta.html
index ea27da32..97a83190 100644
--- a/layouts/partials/headMeta.html
+++ b/layouts/partials/headMeta.html
@@ -3,7 +3,7 @@
 <meta name="dc.relation" content="{{ .Site.BaseURL }}" />
 <meta
   name="viewport"
-  content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
+  content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover, interactive-widget=resizes-content"
 />
 <meta name="theme-color" content="#BA3D12" />
 <meta property="og:url" content="{{ .Permalink }}" />