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 644496a91991c..3c8400fa75ad1 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 83baf936c8297..137b4c50a89de 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>
     );
   }