From 8fcdfaf1afcbbd4e1872073ae2cc03201706d2bc Mon Sep 17 00:00:00 2001
From: Morgan Martinet <morgan.martinet@montreal.ca>
Date: Sun, 5 Sep 2021 21:05:56 -0400
Subject: [PATCH] fix appearance of the dashboard link button

Signed-off-by: Morgan Martinet <morgan.martinet@montreal.ca>
---
 .../src/components/KubernetesDrawer/KubernetesDrawer.tsx  | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/plugins/kubernetes/src/components/KubernetesDrawer/KubernetesDrawer.tsx b/plugins/kubernetes/src/components/KubernetesDrawer/KubernetesDrawer.tsx
index 78f8aa3d5c..b4ea31dc8d 100644
--- a/plugins/kubernetes/src/components/KubernetesDrawer/KubernetesDrawer.tsx
+++ b/plugins/kubernetes/src/components/KubernetesDrawer/KubernetesDrawer.tsx
@@ -28,6 +28,7 @@ import {
   Grid,
 } from '@material-ui/core';
 import Close from '@material-ui/icons/Close';
+import OpenInNewIcon from '@material-ui/icons/OpenInNew';
 import { V1ObjectMeta } from '@kubernetes/client-node';
 import { withStyles } from '@material-ui/core/styles';
 import jsYaml from 'js-yaml';
@@ -35,7 +36,6 @@ import {
   Button as BackstageButton,
   CodeSnippet,
   StructuredMetadataTable,
-  Link,
   WarningPanel,
 } from '@backstage/core-components';
 import { ClusterContext } from '../../hooks';
@@ -197,13 +197,13 @@ const KubernetesDrawerContent = <T extends KubernetesDrawerable>({
         <div>
           {clusterLink && (
             <BackstageButton
-              variant="contained"
+              variant="outlined"
               color="primary"
               size="small"
-              component={Link}
               to={clusterLink}
+              endIcon={<OpenInNewIcon />}
             >
-              Open Kubernetes Dashboard...
+              Open Kubernetes Dashboard
             </BackstageButton>
           )}
         </div>