diff --git a/renderer/src/common/components/ui/button.tsx b/renderer/src/common/components/ui/button.tsx
index b33d6df4d..b76743e30 100644
--- a/renderer/src/common/components/ui/button.tsx
+++ b/renderer/src/common/components/ui/button.tsx
@@ -5,7 +5,7 @@ import { cva, type VariantProps } from 'class-variance-authority'
 import { cn } from '@/common/lib/utils'
 
 const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  "cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
       variant: {
@@ -31,6 +31,13 @@ const buttonVariants = cva(
         icon: 'size-9',
       },
     },
+    compoundVariants: [
+      {
+        variant: 'link',
+        size: ['default', 'xs', 'sm', 'lg', 'icon'],
+        className: 'p-0 h-auto has-[>svg]:px-0',
+      },
+    ],
     defaultVariants: {
       variant: 'default',
       size: 'default',
diff --git a/renderer/src/routes/(registry)/registry_.$name.tsx b/renderer/src/routes/(registry)/registry_.$name.tsx
index 9d7a16854..f17c771cc 100644
--- a/renderer/src/routes/(registry)/registry_.$name.tsx
+++ b/renderer/src/routes/(registry)/registry_.$name.tsx
@@ -80,16 +80,18 @@ export function RegistryServerDetail() {
 
   return (
     <div className="flex max-h-full w-full flex-1 flex-col">
-      <LinkViewTransition to="/registry">
-        <Button
-          variant="ghost"
-          aria-label="Back"
-          className="text-muted-foreground"
-        >
-          <ChevronLeft className="size-5" />
-          Back
-        </Button>
-      </LinkViewTransition>
+      <div className="my-2">
+        <LinkViewTransition to="/registry">
+          <Button
+            variant="link"
+            aria-label="Back"
+            className="text-muted-foreground"
+          >
+            <ChevronLeft className="size-4" />
+            Back
+          </Button>
+        </LinkViewTransition>
+      </div>
 
       <div className="flex flex-col gap-3">
         <h1 className="m-0 mb-0 p-0 text-3xl font-bold">{name}</h1>