From 4565ea75ae6d129448a5ef915df1f319c2b896c3 Mon Sep 17 00:00:00 2001
From: Elio Struyf <elio@struyfconsulting.be>
Date: Mon, 12 Feb 2024 13:51:24 +0100
Subject: [PATCH] Reverse spin

---
 src/panelWebView/components/Git/GitAction.tsx | 2 +-
 src/panelWebView/styles.css                   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/panelWebView/components/Git/GitAction.tsx b/src/panelWebView/components/Git/GitAction.tsx
index efc7a5a1..c8e71472 100644
--- a/src/panelWebView/components/Git/GitAction.tsx
+++ b/src/panelWebView/components/Git/GitAction.tsx
@@ -154,7 +154,7 @@ export const GitAction: React.FunctionComponent<IGitActionProps> = ({
           title={l10n.t(LocalizationKey.commonSync)}
         >
           <div className="git_actions__sync">
-            <ArrowPathIcon className={isSyncing === "syncing" ? 'animate-reverse-spin' : ''} aria-hidden="true" />
+            <ArrowPathIcon className={isSyncing === "syncing" ? 'animate-spin' : ''} aria-hidden="true" />
             <span>
               {l10n.t(LocalizationKey.commonSync)}
             </span>
diff --git a/src/panelWebView/styles.css b/src/panelWebView/styles.css
index 9d0a9a40..d2aaa239 100644
--- a/src/panelWebView/styles.css
+++ b/src/panelWebView/styles.css
@@ -4,10 +4,10 @@
 /* Animations */
 @keyframes spin {
   from {
-    transform: rotate(360deg);
+    transform: rotate(0deg);
   }
   to {
-    transform: rotate(0deg);
+    transform: rotate(360deg);
   }
 }