diff --git a/packages/website/src/pages/[...locale]/api/_index.tsx b/packages/website/src/pages/[...locale]/api/_index.tsx
index 99099c18d..d56040e96 100644
--- a/packages/website/src/pages/[...locale]/api/_index.tsx
+++ b/packages/website/src/pages/[...locale]/api/_index.tsx
@@ -61,7 +61,7 @@ export function SlugsTable({ slugs, path }: SlugsTableProps) {
 
               <Table.Cell>
                 <Link target="_blank" href={`/api/${draftPath}`}>
-                  <IconButton>
+                  <IconButton variant="surface">
                     <OpenInNewWindowIcon />
                   </IconButton>
                 </Link>