Apply GitLab UI button styles to button in geo

changelogs/unreleased/231199-yo-gitlab-ui.yml

+---
+title: Apply GitLab UI button styles to button in geo
+merge_request: 51777
+author: Yogi (@yo)
+type: other

ee/app/views/admin/geo/shared/_filter_nav.html.haml

@@ -4,9 +4,9 @@
 %nav.bg-secondary.border-bottom.border-secondary-100.p-3
   .row.d-flex.flex-column.flex-sm-row
     .col
-      .d-sm-flex.mx-n1
-        .dropdown.px-1.my-1.my-sm-0.w-100
-          %a.btn.d-flex.align-items-center.justify-content-between.w-100{ href: '#', data: { toggle: 'dropdown' }, 'aria-haspopup' => 'true', 'aria-expanded' => 'false' }
+      .gl-display-sm-flex.gl-mx-n1
+        .dropdown.gl-px-2.gl-my-2.my-sm-0.gl-w-full
+          %a.gl-button.btn.gl-display-sm-flex.gl-align-items-center.gl-justify-content-space-between.gl-w-full{ href: '#', data: { toggle: 'dropdown' }, 'aria-haspopup' => 'true', 'aria-expanded' => 'false' }
             = s_('Geo|Filter by status')
             = sprite_icon("chevron-down")
           %ul.dropdown-menu