diff --git a/packages/docsearch-css/src/_variables.css b/packages/docsearch-css/src/_variables.css
index d59766d95..b905e275b 100644
--- a/packages/docsearch-css/src/_variables.css
+++ b/packages/docsearch-css/src/_variables.css
@@ -16,6 +16,7 @@
   --docsearch-modal-background: rgb(245, 246, 247);
   --docsearch-modal-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.5),
     0 3px 8px 0 rgba(85, 90, 100, 1);
+  --docsearch-modal-source-height: 40px;
 
   /* searchbox */
   --docsearch-searchbox-height: 56px;
diff --git a/packages/docsearch-css/src/modal.css b/packages/docsearch-css/src/modal.css
index 20b545504..0aa04f26f 100644
--- a/packages/docsearch-css/src/modal.css
+++ b/packages/docsearch-css/src/modal.css
@@ -263,6 +263,7 @@
 }
 
 .DocSearch-Hit {
+  scroll-margin-top: var(--docsearch-modal-source-height);
   border-radius: 4px;
   display: flex;
   padding-bottom: 4px;
@@ -305,6 +306,10 @@
 .DocSearch-Hit-source {
   background: var(--docsearch-modal-background);
   color: var(--docsearch-highlight-color);
+  height: var(--docsearch-modal-source-height);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
   font-size: 0.85em;
   font-weight: 600;
   line-height: 32px;