From e486623310b1c0de12a5b38bf934543fde250c37 Mon Sep 17 00:00:00 2001
From: Brandon Cohen <cohbrandon@gmail.com>
Date: Tue, 13 Sep 2022 19:16:55 -0400
Subject: [PATCH] fix: compatibility issue with safari (#3019)

---
 src/components/PullToRefresh/index.tsx | 14 +++++++++-----
 src/styles/globals.css                 |  2 +-
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/PullToRefresh/index.tsx b/src/components/PullToRefresh/index.tsx
index 14bdfbda..ce92ea60 100644
--- a/src/components/PullToRefresh/index.tsx
+++ b/src/components/PullToRefresh/index.tsx
@@ -12,18 +12,22 @@ const PullToRefresh: React.FC = () => {
         Router.reload();
       },
       iconArrow: ReactDOMServer.renderToString(
-        <RefreshIcon className="z-50 m-auto h-9 w-9 rounded-full border-4 border-gray-800 bg-gray-800 text-indigo-500 ring-1 ring-gray-700" />
+        <div className="p-2">
+          <RefreshIcon className="z-50 m-auto h-9 w-9 rounded-full border-4 border-gray-800 bg-gray-800 text-indigo-500 ring-1 ring-gray-700" />
+        </div>
       ),
       iconRefreshing: ReactDOMServer.renderToString(
-        <RefreshIcon
-          className="z-50 m-auto h-9 w-9 animate-spin rounded-full border-4 border-gray-800 bg-gray-800 text-indigo-500 ring-1 ring-gray-700"
+        <div
+          className="animate-spin p-2"
           style={{ animationDirection: 'reverse' }}
-        />
+        >
+          <RefreshIcon className="z-50 m-auto h-9 w-9 rounded-full border-4 border-gray-800 bg-gray-800 text-indigo-500 ring-1 ring-gray-700" />
+        </div>
       ),
       instructionsPullToRefresh: ReactDOMServer.renderToString(<div />),
       instructionsReleaseToRefresh: ReactDOMServer.renderToString(<div />),
       instructionsRefreshing: ReactDOMServer.renderToString(<div />),
-      distReload: 55,
+      distReload: 60,
     });
     return () => {
       PR.destroyAll();
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 42d89245..a5f417dd 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -470,6 +470,6 @@
   z-index: 30 !important;
 }
 
-.ptr--ptr .ptr--box {
+.ptr--box {
   margin-bottom: -13px !important;
 }