diff --git a/js/id/ui/intro/area.js b/js/id/ui/intro/area.js
index 16822674d..f67ffb4d8 100644
--- a/js/id/ui/intro/area.js
+++ b/js/id/ui/intro/area.js
@@ -52,8 +52,8 @@ iD.ui.intro.area = function(context, reveal) {
             context.on('enter.intro', null);
 
             timeout = setTimeout(function() {
-                reveal('.preset-grid-search', 'intro.areas.search');
-                d3.select('.preset-grid-search').on('keyup.intro', keySearch);
+                reveal('.preset-grid-search-wrap input', 'intro.areas.search');
+                d3.select('.preset-grid-search-wrap input').on('keyup.intro', keySearch);
             }, 500);
         }
         
@@ -62,7 +62,7 @@ iD.ui.intro.area = function(context, reveal) {
             if (first.datum().id === 'leisure/playground') {
                 reveal(first.select('.grid-entry').node(), 'intro.areas.choose');
                 d3.selection.prototype.one.call(context.history(), 'change.intro', selectedPreset);
-                d3.select('.preset-grid-search').on('keyup.intro', null);
+                d3.select('.preset-grid-search-wrap input').on('keyup.intro', null);
             }
         }
 
@@ -80,7 +80,7 @@ iD.ui.intro.area = function(context, reveal) {
         context.on('exit.intro', null);
         context.history().on('change.intro', null);
         context.map().on('move.intro', null);
-        d3.select('.preset-grid-search').on('keyup.intro', null);
+        d3.select('.preset-grid-search-wrap input').on('keyup.intro', null);
     };
 
     return d3.rebind(step, event, 'on');
diff --git a/js/id/ui/intro/point.js b/js/id/ui/intro/point.js
index 73f82c79f..4aed7682f 100644
--- a/js/id/ui/intro/point.js
+++ b/js/id/ui/intro/point.js
@@ -40,8 +40,8 @@ iD.ui.intro.point = function(context, reveal) {
             context.on('enter.intro', null);
 
             setTimeout(function() {
-                reveal('.preset-grid-search', 'intro.points.search');
-                d3.select('.preset-grid-search').on('keyup.intro', keySearch);
+                reveal('.preset-grid-search-wrap input', 'intro.points.search');
+                d3.select('.preset-grid-search-wrap input').on('keyup.intro', keySearch);
             }, 500);
         }
 
@@ -51,7 +51,7 @@ iD.ui.intro.point = function(context, reveal) {
                 reveal(first.select('.grid-entry').node(), 'intro.points.choose');
                 d3.selection.prototype.one.call(context.history(), 'change.intro', selectedPreset);
 
-                d3.select('.preset-grid-search').on('keydown.intro', function() {
+                d3.select('.preset-grid-search-wrap input').on('keydown.intro', function() {
                     // Prevent search from updating and changing the grid
                     d3.event.stopPropagation();
                     d3.event.preventDefault();
@@ -68,7 +68,7 @@ iD.ui.intro.point = function(context, reveal) {
         }
 
         function closeEditor() {
-            d3.select('.preset-grid-search').on('keydown.intro', null);
+            d3.select('.preset-grid-search-wrap input').on('keydown.intro', null);
             context.history().on('change.intro', null);
             reveal('.tag-pane', 'intro.points.close');
         }
@@ -138,7 +138,7 @@ iD.ui.intro.point = function(context, reveal) {
         context.on('enter.intro', null);
         context.map().on('move.intro', null);
         context.history().on('change.intro', null);
-        d3.select('.preset-grid-search').on('keyup.intro', null).on('keydown.intro', null);
+        d3.select('.preset-grid-search-wrap input').on('keyup.intro', null).on('keydown.intro', null);
     };
 
     return d3.rebind(step, event, 'on');