diff --git a/packages/jaeger-ui/src/components/TracePage/TracePageHeader/AltViewOptions.tsx b/packages/jaeger-ui/src/components/TracePage/TracePageHeader/AltViewOptions.tsx
index 4bd5d88d01..1bdeba96c4 100644
--- a/packages/jaeger-ui/src/components/TracePage/TracePageHeader/AltViewOptions.tsx
+++ b/packages/jaeger-ui/src/components/TracePage/TracePageHeader/AltViewOptions.tsx
@@ -13,7 +13,7 @@
 // limitations under the License.
 
 import * as React from 'react';
-import { Dropdown, Icon, Menu } from 'antd';
+import { Dropdown, Icon, Menu, Button } from 'antd';
 import { Link } from 'react-router-dom';
 import './AltViewOptions.css';
 
@@ -109,10 +109,10 @@ export default function AltViewOptions(props: Props) {
   const dropdownText = currentItem ? currentItem.label : 'Alternate Views';
   return (
     <Dropdown overlay={menu}>
-      <div className="AltViewOptions">
+      <Button className="AltViewOptions">
         {`${dropdownText} `}
         <Icon type="down" />
-      </div>
+      </Button>
     </Dropdown>
   );
 }
diff --git a/packages/jaeger-ui/src/components/TracePage/TracePageHeader/__snapshots__/AltViewOptions.test.js.snap b/packages/jaeger-ui/src/components/TracePage/TracePageHeader/__snapshots__/AltViewOptions.test.js.snap
index 39b7c0c02d..ae2bb4d2c8 100644
--- a/packages/jaeger-ui/src/components/TracePage/TracePageHeader/__snapshots__/AltViewOptions.test.js.snap
+++ b/packages/jaeger-ui/src/components/TracePage/TracePageHeader/__snapshots__/AltViewOptions.test.js.snap
@@ -70,13 +70,17 @@ exports[`AltViewOptions renders correctly 1`] = `
   placement="bottomLeft"
   prefixCls="ant-dropdown"
 >
-  <div
+  <Button
+    block={false}
     className="AltViewOptions"
+    ghost={false}
+    loading={false}
+    prefixCls="ant-btn"
   >
     Trace Timeline 
     <Icon
       type="down"
     />
-  </div>
+  </Button>
 </Dropdown>
 `;