fix GW-4698

src/client/styles/scss/_search.scss

@@ -32,12 +32,6 @@
   .rbt-menu {
     max-height: none !important;
     margin-top: 3px;
-    @extend .dropdown-menu-right;
-    @extend .dropdown-menu-md-left;
-    @include media-breakpoint-down(sm) {
-      left: auto !important;
-      width: 90vw;
-    }
 
     li a span {
       .page-path {
@@ -82,6 +76,14 @@
       border-top-right-radius: 40px;
       border-bottom-right-radius: 40px;
     }
+    .rbt-menu {
+      @extend .dropdown-menu-right;
+      @extend .dropdown-menu-md-left;
+      @include media-breakpoint-down(sm) {
+        left: auto !important;
+        width: 90vw;
+      }
+    }
   }
 
   // using react-bootstrap-typeahead