diff --git a/lib/components/src/highlight_button.js b/lib/components/src/highlight_button.js
index 6aabee44cc0..609bdc5aa41 100644
--- a/lib/components/src/highlight_button.js
+++ b/lib/components/src/highlight_button.js
@@ -1,11 +1,12 @@
-import React from 'react';
 import glamorous from 'glamorous';
 
-const Button = props => <span role="button" tabIndex={-1} {...props} />;
-
-export default glamorous(Button, { displayName: 'Button', rootEl: 'span' })(
+export default glamorous.button(
   {
-    cursor: 'pointer',
+    border: '1px solid rgba(0, 0, 0, 0)',
+    font: 'inherit',
+    background: 'none',
+    'box-shadow': 'none',
+    padding: 0,
     ':hover': {
       backgroundColor: 'rgba(0, 0, 0, 0.05)',
       border: '1px solid #ccc',