diff --git a/pkg/web_app/lib/src/widget/completion/widget.dart b/pkg/web_app/lib/src/widget/completion/widget.dart
index 0d460094b0..bd2e1c311d 100644
--- a/pkg/web_app/lib/src/widget/completion/widget.dart
+++ b/pkg/web_app/lib/src/widget/completion/widget.dart
@@ -86,8 +86,8 @@ void create(HTMLElement element, Map<String, String> options) {
       dropdown: dropdown,
       data: data,
     );
-    // Add dropdown after the <input>
-    document.body!.after(dropdown);
+    // Append dropdown to body
+    document.body!.append(dropdown);
   });
 }
 
diff --git a/pkg/web_css/lib/src/_search.scss b/pkg/web_css/lib/src/_search.scss
index 892f08f7da..ea514b53de 100644
--- a/pkg/web_css/lib/src/_search.scss
+++ b/pkg/web_css/lib/src/_search.scss
@@ -121,13 +121,13 @@
     cursor: pointer;
     white-space: nowrap;
     padding: 0px 3px;
-  }
-
-  >.completion-option-selected {
-    background-color: var(--pub-selected-bgColor);
 
     &:hover {
       background-color: var(--pub-selected-bgColor);
     }
   }
+
+  >.completion-option-selected {
+    background-color: var(--pub-selected-bgColor);
+  }
 }