diff --git a/src/layout/nav/AppHeader.less b/src/layout/nav/AppHeader.less
index f6aa78b..8915393 100644
--- a/src/layout/nav/AppHeader.less
+++ b/src/layout/nav/AppHeader.less
@@ -183,7 +183,7 @@
 
 .ant-dropdown.site-header-top-dropdown-menu {
   // Make the top menu dropdown full-width and slightly larger on mobile
-  @media (max-width: @screen-md) {
+  @media (max-width: @screen-sm) {
     position: fixed;
 
     top: @layout-header-height !important;
diff --git a/src/layout/nav/Search.tsx b/src/layout/nav/Search.tsx
index 907eaa3..60c8b6b 100644
--- a/src/layout/nav/Search.tsx
+++ b/src/layout/nav/Search.tsx
@@ -41,7 +41,7 @@
 
   try {
     await Promise.all([
-      fetchResults ? search(query).then(r => setResults(query, r)) : undefined,
+      fetchResults ? search(query.toLowerCase()).then(r => setResults(query, r)) : undefined,
       fetchExtended ? searchExtended(query).then(r => setExtendedResults(query, r)) : undefined,
     ]);
   } catch (err) {
diff --git a/src/layout/nav/SearchResults.less b/src/layout/nav/SearchResults.less
index 6640ab8..f59b229 100644
--- a/src/layout/nav/SearchResults.less
+++ b/src/layout/nav/SearchResults.less
@@ -64,11 +64,20 @@
   .search-result-extended-info {
     font-size: @font-size-sm;
 
+    white-space: normal;
+
     .anticon {
       color: @primary-color;
       margin-right: @padding-xs;
     }
   }
+
+  // Hide some result information on very small screens
+  @media (max-width: 300px) {
+    .result-right {
+      display: none;
+    }
+  }
 }
 
 .site-header-search-menu {
@@ -87,4 +96,16 @@
       background: @select-item-active-bg;
     }
   }
+
+  // Make the search results dropdown full-width on mobile
+  @media (max-width: @screen-sm) {
+    position: fixed;
+
+    top: @layout-header-height !important;
+    left: 0 !important;
+    right: 0 !important;
+    width: 100vw !important;
+
+    border-radius: 0;
+  }
 }