Add border radius and remove blue outline on recent searches filter

app/assets/stylesheets/framework/filters.scss

@@ -190,6 +190,7 @@
   min-width: 0;
   border: 1px solid $border-color;
   background-color: $white-light;
+  border-radius: $border-radius-default 0 0 $border-radius-default;
 
   @include media-breakpoint-down(sm) {
     flex: 1 1 auto;
@@ -287,7 +288,7 @@
 .filtered-search-history-dropdown-toggle-button {
   flex: 1;
   width: auto;
-  border-radius: 0;
+  border-radius: $border-radius-default 0 0 $border-radius-default;
   border: 0;
   border-right: 1px solid $border-color;
   color: $gl-text-color-secondary;
@@ -296,8 +297,7 @@
   &:hover,
   &:focus {
     color: $gl-text-color;
-    border-color: $blue-300;
-    outline: none;
+    border-color: $border-color;
   }
 
   svg {

app/views/admin/runners/index.html.haml

@@ -47,7 +47,7 @@
         .filtered-search-box
           = dropdown_tag(_('Recent searches'),
             options: { wrapper_class: 'filtered-search-history-dropdown-wrapper',
-            toggle_class: 'filtered-search-history-dropdown-toggle-button',
+            toggle_class: 'btn filtered-search-history-dropdown-toggle-button',
             dropdown_class: 'filtered-search-history-dropdown',
             content_class: 'filtered-search-history-dropdown-content' }) do
             .js-filtered-search-history-dropdown{ data: { full_path: admin_runners_path } }

app/views/shared/issuable/_search_bar.html.haml

@@ -21,7 +21,7 @@
             - if type != :boards_modal && type != :boards
               = dropdown_tag(_('Recent searches'),
                 options: { wrapper_class: "filtered-search-history-dropdown-wrapper",
-                toggle_class: "filtered-search-history-dropdown-toggle-button",
+                toggle_class: "btn filtered-search-history-dropdown-toggle-button",
                 dropdown_class: "filtered-search-history-dropdown",
                 content_class: "filtered-search-history-dropdown-content" }) do
                 .js-filtered-search-history-dropdown{ data: { full_path: search_history_storage_prefix } }

changelogs/unreleased/28965-fix-filter-hover-state.yml

+---
+title: Add border radius and remove blue outline on recent searches filter
+merge_request: 23266
+author:
+type: fixed

ee/app/views/shared/epic/_search_bar.html.haml

@@ -32,7 +32,7 @@
         .filtered-search-box
           = dropdown_tag(_('Recent searches'),
             options: { wrapper_class: "filtered-search-history-dropdown-wrapper",
-            toggle_class: "filtered-search-history-dropdown-toggle-button",
+            toggle_class: "btn filtered-search-history-dropdown-toggle-button",
             dropdown_class: "filtered-search-history-dropdown",
             content_class: "filtered-search-history-dropdown-content" }) do
             .js-filtered-search-history-dropdown{ data: { full_path: search_history_storage_prefix } }