From 5507295a36873ede786f646f01047cc9a02a4c18 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sun, 19 Dec 2021 12:58:08 -0800
Subject: [PATCH] fix: '+' button display in sidebar in Safari

---
 app/components/NudeButton.tsx                      | 2 +-
 app/components/Sidebar/components/DocumentLink.tsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/components/NudeButton.tsx b/app/components/NudeButton.tsx
index da37b45ed..4ba513ed2 100644
--- a/app/components/NudeButton.tsx
+++ b/app/components/NudeButton.tsx
@@ -1,6 +1,6 @@
 import styled from "styled-components";
 
-const Button = styled.button.attrs(() => ({ type: "button" }))<{
+const Button = styled.button.attrs((type) => ({ type: type || "button" }))<{
   width?: number;
   height?: number;
   size?: number;
diff --git a/app/components/Sidebar/components/DocumentLink.tsx b/app/components/Sidebar/components/DocumentLink.tsx
index 0d25abbf0..85015d7f0 100644
--- a/app/components/Sidebar/components/DocumentLink.tsx
+++ b/app/components/Sidebar/components/DocumentLink.tsx
@@ -315,6 +315,7 @@ function DocumentLink(
                     <Fade>
                       {can.createChildDocument && (
                         <NudeButton
+                          type={undefined}
                           aria-label={t("New nested document")}
                           as={Link}
                           to={newDocumentPath(document.collectionId, {