diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index 61e18582..94b6df3a 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -9,5 +9,7 @@ $color-left-column-bg: #F1F3F5;
 $color-left-column: #555;
 
 $breakpoint-medium: 568px;
-$breakpoint-large: 768px;;
+$breakpoint-large: 768px;
 
+$dropdown-min-width-medium: 400px;
+$dropdown-min-width-large: 600px;
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 13039197..ecb2f10d 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -14,8 +14,6 @@
   margin: 6px 0 0;
   padding: 4px;
   text-align: left;
-  left: -20px !important; // Hardcoded
-  right: -320px !important; // Hardcoded
 }
 
 // Each suggestion
@@ -111,6 +109,9 @@
 // BREAKPOINT 1:
 // Screen is big enough to display the text snippets
 @media (min-width: $breakpoint-medium) {
+  .aa-dropdown-menu {
+    min-width: $dropdown-min-width-medium;
+  }
   .algolia-docsearch-suggestion--text {
     display: block;
     font-size: .9em;
@@ -121,6 +122,9 @@
 // BREAKPOINT 2:
 // Screen is big enough to display results in two columns
 @media (min-width: $breakpoint-large) {
+  .aa-dropdown-menu {
+    min-width: $dropdown-min-width-large;
+  }
   .algolia-docsearch-suggestion {
     display: table;
     width: 100%;