diff --git a/apps/explorer/src/app/components/blocks/blocks-refetch.tsx b/apps/explorer/src/app/components/blocks/blocks-refetch.tsx
index 4fe214687..fe5ce7b7d 100644
--- a/apps/explorer/src/app/components/blocks/blocks-refetch.tsx
+++ b/apps/explorer/src/app/components/blocks/blocks-refetch.tsx
@@ -1,15 +1,18 @@
+import { Button } from '@vegaprotocol/ui-toolkit';
+
 interface BlocksRefetchProps {
   refetch: () => void;
 }
 
 export const BlocksRefetch = ({ refetch }: BlocksRefetchProps) => {
   return (
-    <button
+    <Button
       onClick={() => refetch()}
-      className="underline mb-28"
+      variant="inline-link"
+      className="mb-28"
       data-testid="refresh"
     >
       Refresh to see latest blocks
-    </button>
+    </Button>
   );
 };
diff --git a/apps/explorer/src/index.html b/apps/explorer/src/index.html
index b51ae59f9..43ba24a20 100644
--- a/apps/explorer/src/index.html
+++ b/apps/explorer/src/index.html
@@ -9,6 +9,6 @@
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
   </head>
   <body>
-    <div id="root"></div>
+    <div id="root" class="dark"></div>
   </body>
 </html>
diff --git a/libs/ui-toolkit/src/components/button/button.tsx b/libs/ui-toolkit/src/components/button/button.tsx
index 6324c7a91..2191f19a0 100644
--- a/libs/ui-toolkit/src/components/button/button.tsx
+++ b/libs/ui-toolkit/src/components/button/button.tsx
@@ -36,12 +36,12 @@ const getClassName = (
       'justify-center',
       'box-border',
       'h-28',
-      'text-ui',
       'hover:underline',
       'disabled:no-underline',
       'transition-all',
     ],
     {
+      'text-ui': variant !== 'inline-link',
       'no-underline': variant !== 'inline-link',
       'pl-28': !(
         paddingLeftProvided ||
