diff --git a/src/app/components/ToolbarButton.tsx b/src/app/components/ToolbarButton.tsx
index dc765fa..d7f8b37 100644
--- a/src/app/components/ToolbarButton.tsx
+++ b/src/app/components/ToolbarButton.tsx
@@ -23,15 +23,15 @@ function ToolbarButton({
   size,
 }: IProps) {
   return (
-    <IconButton
-      as={NextLink}
-      aria-label={ariaLabel}
-      href={href}
-      icon={<Icon boxSize={boxSize} as={icon} />}
-      isActive={isActive}
-      size={size}
-      title={ariaLabel}
-    />
+    <NextLink href={href}>
+      <IconButton
+        aria-label={ariaLabel}
+        icon={<Icon boxSize={boxSize} as={icon} />}
+        isActive={isActive}
+        size={size}
+        title={ariaLabel}
+      />
+    </NextLink>
   );
 }