fix: fix copy button (#5417)

determined-ai · Nov 11, 2022 · 5a3acc1 · 5a3acc1
1 parent 75969d3
commit 5a3acc1
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/webui/react/src/shared/components/CopyButton.tsx b/webui/react/src/shared/components/CopyButton.tsx
@@ -1,5 +1,5 @@
 import { CopyOutlined } from '@ant-design/icons';
-import { Tooltip } from 'antd';
+import { Button, Tooltip } from 'antd';
 import React, { useCallback, useState } from 'react';
 
 type TextOptions = 'Copy to Clipboard' | 'Copied!';
@@ -23,7 +23,7 @@ const CopyButton: React.FC<Props> = ({ onCopy }: Props) => {
 
   return (
     <Tooltip title={text}>
-      <CopyOutlined onClick={handleCopy} />
+      <Button icon={<CopyOutlined />} type="ghost" onClick={handleCopy} />
     </Tooltip>
   );
 };