From 0b6da657a54f8aa3e48164dde415000f03d18934 Mon Sep 17 00:00:00 2001
From: David Moore <davemooreuws@gmail.com>
Date: Wed, 18 Dec 2024 13:22:52 +1100
Subject: [PATCH] change styling of service reference in api explorer

---
 .../frontend/src/components/apis/APIExplorer.tsx    | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/pkg/dashboard/frontend/src/components/apis/APIExplorer.tsx b/pkg/dashboard/frontend/src/components/apis/APIExplorer.tsx
index 9093e948..5883e318 100644
--- a/pkg/dashboard/frontend/src/components/apis/APIExplorer.tsx
+++ b/pkg/dashboard/frontend/src/components/apis/APIExplorer.tsx
@@ -511,18 +511,13 @@ const APIExplorer = () => {
                     <div className={'flex items-start gap-1'}>
                       <Tooltip>
                         <TooltipTrigger asChild>
-                          <Button
-                            asChild
-                            variant="link"
+                          <a
                             data-testid="requesting-service"
                             className="text-md h-auto p-0 hover:underline"
+                            href={`vscode://file/${data?.services.find((svc) => svc.name === selectedApiEndpoint.requestingService)?.filePath}`}
                           >
-                            <a
-                              href={`vscode://file/${data?.services.find((svc) => svc.name === selectedApiEndpoint.requestingService)?.filePath}`}
-                            >
-                              {selectedApiEndpoint.requestingService}
-                            </a>
-                          </Button>
+                            {selectedApiEndpoint.requestingService}
+                          </a>
                         </TooltipTrigger>
                         <TooltipContent>
                           <p>Open in VSCode</p>