From 80be26b2dec4b009d209165becade7f30ffa38ba Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sun, 6 Mar 2022 21:56:52 -0800
Subject: [PATCH] fix: Border of file attachment not rounded in Safari (outline
 -> box shadow)

---
 shared/editor/components/Widget.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/shared/editor/components/Widget.tsx b/shared/editor/components/Widget.tsx
index bf0bc057f..313dbad5a 100644
--- a/shared/editor/components/Widget.tsx
+++ b/shared/editor/components/Widget.tsx
@@ -67,7 +67,7 @@ const Wrapper = styled.a`
   gap: 6px;
   background: ${(props) => props.theme.background};
   color: ${(props) => props.theme.text} !important;
-  outline: 1px solid ${(props) => props.theme.divider};
+  box-shadow: 0 0 0 1px ${(props) => props.theme.divider};
   white-space: nowrap;
   border-radius: 8px;
   padding: 6px 8px;
@@ -82,13 +82,10 @@ const Wrapper = styled.a`
     props.href &&
     css`
       &:hover,
-      &:active,
-      &:focus,
-      &:focus:not(.focus-visible) {
+      &:active {
         cursor: pointer !important;
         text-decoration: none !important;
         background: ${(props) => props.theme.secondaryBackground};
-        outline: 1px solid ${(props) => props.theme.divider};
 
         ${Children} {
           opacity: 1;