fix dropdown typeahead issue

New explore feature overriding css for dropdown typeahead component.

public/sass/pages/_explore.scss

@@ -42,7 +42,8 @@
   transition: all 0.3s;
 }
 
-.typeahead {
+.explore {
+  .typeahead {
     position: absolute;
     z-index: auto;
     top: -10000px;
@@ -60,16 +61,16 @@
     background: #fff;
     color: rgba(0, 0, 0, 0.65);
     transition: opacity 0.4s ease-out;
-}
+  }
 
-.typeahead-group__title {
+  .typeahead-group__title {
     color: rgba(0, 0, 0, 0.43);
     font-size: 12px;
     line-height: 1.5;
     padding: 8px 16px;
-}
+  }
 
-.typeahead-item {
+  .typeahead-item {
     line-height: 200%;
     height: auto;
     font-family: Consolas, Menlo, Courier, monospace;
@@ -86,11 +87,12 @@
     cursor: pointer;
     transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
       background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
+  }
 
-.typeahead-item__selected {
+  .typeahead-item__selected {
     background-color: #ecf6fd;
     color: #108ee9;
+  }
 }
 
 /* SYNTAX */