From d739c4efc89b2e11ea0108c638d26bcd0f685d05 Mon Sep 17 00:00:00 2001
From: Tim Roes <mail@timroes.de>
Date: Tue, 11 Dec 2018 10:36:23 +0100
Subject: [PATCH] Make space selector a button (#26889)

---
 .../global_nav/global_nav_link/global_nav_link.less           | 2 ++
 .../views/nav_control/components/spaces_global_nav_button.tsx | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/ui/public/chrome/directives/global_nav/global_nav_link/global_nav_link.less b/src/ui/public/chrome/directives/global_nav/global_nav_link/global_nav_link.less
index 644496a91991..3c8400fa75ad 100644
--- a/src/ui/public/chrome/directives/global_nav/global_nav_link/global_nav_link.less
+++ b/src/ui/public/chrome/directives/global_nav/global_nav_link/global_nav_link.less
@@ -49,6 +49,8 @@
   .global-nav-link__anchor {
     display: block;
     height: 100%;
+    width: 100%;
+    line-height: inherit;
     color: @globalColorWhite;
 
     &:focus, &:hover {
diff --git a/x-pack/plugins/spaces/public/views/nav_control/components/spaces_global_nav_button.tsx b/x-pack/plugins/spaces/public/views/nav_control/components/spaces_global_nav_button.tsx
index 83baf936c829..137b4c50a89d 100644
--- a/x-pack/plugins/spaces/public/views/nav_control/components/spaces_global_nav_button.tsx
+++ b/x-pack/plugins/spaces/public/views/nav_control/components/spaces_global_nav_button.tsx
@@ -11,10 +11,10 @@ export class SpacesGlobalNavButton extends Component<ButtonProps> {
   public render() {
     return (
       <div className="global-nav-link">
-        <a className="global-nav-link__anchor" onClick={this.props.toggleSpaceSelector}>
+        <button className="global-nav-link__anchor" onClick={this.props.toggleSpaceSelector}>
           <div className="global-nav-link__icon"> {this.props.linkIcon} </div>
           <div className="global-nav-link__title"> {this.props.linkTitle} </div>
-        </a>
+        </button>
       </div>
     );
   }