diff --git a/packages/dashboard-v2/src/components/Button/Button.js b/packages/dashboard-v2/src/components/Button/Button.js
index 328d52cd..2a49244e 100644
--- a/packages/dashboard-v2/src/components/Button/Button.js
+++ b/packages/dashboard-v2/src/components/Button/Button.js
@@ -5,15 +5,25 @@ import styled from "styled-components";
 /**
  * Primary UI component for user interaction
  */
-export const Button = styled.button.attrs(({ disabled, $primary, type }) => ({
-  type,
-  className: cn("px-6 py-2.5 rounded-full font-sans uppercase text-xs tracking-wide transition-[opacity_filter]", {
-    "bg-primary text-palette-600": $primary,
-    "bg-white border-2 border-black text-palette-600": !$primary,
-    "cursor-not-allowed opacity-60": disabled,
-    "hover:brightness-90": !disabled,
-  }),
-}))``;
+export const Button = styled.button.attrs(({ as: polymorphicAs, disabled, $primary, type }) => {
+  // We want to default to type=button in most cases, but sometimes we use this component
+  // as a polymorphic one (i.e. for links), and then we should avoid setting `type` property,
+  // as it breaks styling in Safari.
+  const typeAttr = polymorphicAs && polymorphicAs !== "button" ? undefined : type;
+
+  return {
+    type: typeAttr,
+    className: cn(
+      "px-6 py-2.5 inline-block rounded-full font-sans uppercase text-xs tracking-wide transition-[opacity_filter]",
+      {
+        "bg-primary text-palette-600": $primary,
+        "bg-white border-2 border-black text-palette-600": !$primary,
+        "cursor-not-allowed opacity-60": disabled,
+        "hover:brightness-90": !disabled,
+      }
+    ),
+  };
+})``;
 
 Button.propTypes = {
   /**